white-space属性指定如何处理元素中的空白。这些值可以设置为normal、inherit、nowrap等。
nowrap值使文本在同一行上继续,直到遇到一个
标记
html
<p class="wrap" >这是一行很长的文本 滚滚长江东逝水,浪花淘尽英雄,是非成败转头空,青山依旧在,几度夕阳红,白发渔樵江渚上,惯看秋月春风,一壶浊酒喜相逢,古今多少事,都付笑谈中 </p > <p >这是一行很长的文本 滚滚长江东逝水,浪花淘尽英雄,是非成败转头空,青山依旧在,几度夕阳红,白发渔樵江渚上,惯看秋月春风,一壶浊酒喜相逢,古今多少事,都付笑谈中 </p >
css
p.wrap { white-space: nowrap; }
结果:
这是一行很长的文本warp 滚滚长江东逝水,浪花淘尽英雄,是非成败转头空,青山依旧在,几度夕阳红,白发渔樵江渚上,惯看秋月春风,一壶浊酒喜相逢,古今多少事,都付笑谈中
这是一行很长的文本normal 滚滚长江东逝水,浪花淘尽英雄,是非成败转头空,青山依旧在,几度夕阳红,白发渔樵江渚上,惯看秋月春风,一壶浊酒喜相逢,古今多少事,都付笑谈中