css 换行控制

web 页面制作过程中经常有控制内容换行的需求，想让内容自动换行，不自动换行，显示滚动条等，在此总结一下 css 关于内容换行的相关样式：

• white-space: normal | nowrap | pre # 控制折行的表现。折行；不折行；保留一切特殊字符，类似 <pre> 标签。
• word-wrap: normal | break-word # 控制自动添加折行的方式。按单词折行；不考虑单词折行 。
• overflow | overflow-x | overflow-y: visible | hidden | scroll | auto # 控制超出部分的表现方式。可见；隐藏；显示滚动条；超出后显示滚动条。
• text-overflow: clip | ellipsis # 控制文本修剪方式。修剪；修剪并显示省略号。