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
# 控制文本修剪方式。修剪;修剪并显示省略号。