css文本

2017-05-15  本文已影响0人  王小维WW

text-overflow

该属性配合overflow-hidden使用更佳,表示在内容溢出时,文本内容所显示的样式.
常用overflow:ellipsis;

white-space

该属性控制文本中的空格样式,为normal时,就就是浏览器默认处理空格时,html中的空格会被自动忽略的。

<p>
This is some text. This is some text. This is some text.
This is some text. This is some text. This is some text.
This is some text. This is some text. This is some text.
This is some text. This is some text. This is some text.
</p>

这段代码的效果会是这样的


测试

使用white-space:pre;可以保留空格,效果相当于使用了<pre></pre>标签。在展示源代码的时候可以用的上。
white-space:nowrap可以强制文本不换行,保持在同一行。

word-wrap

word-wrap属性允许长的内容可以自动换行。当遇到长文本的时候,由浏览器处理的换行可能溢出,加上
word-wrap:break-word就可以解决.

上一篇下一篇

猜你喜欢

热点阅读