暂无 |

white-space空白区属性

white-space属性指定如何处理元素中的空白。这些值可以设置为normal、inherit、nowrap等。

nowrap值使文本在同一行上继续,直到遇到一个
标记

html

<p class="wrap" >这是一行很长的文本 滚滚长江东逝水,浪花淘尽英雄,是非成败转头空,青山依旧在,几度夕阳红,白发渔樵江渚上,惯看秋月春风,一壶浊酒喜相逢,古今多少事,都付笑谈中
 </p >
<p >这是一行很长的文本 滚滚长江东逝水,浪花淘尽英雄,是非成败转头空,青山依旧在,几度夕阳红,白发渔樵江渚上,惯看秋月春风,一壶浊酒喜相逢,古今多少事,都付笑谈中
 </p >

css

p.wrap {
   white-space: nowrap;
}

结果:

这是一行很长的文本warp 滚滚长江东逝水,浪花淘尽英雄,是非成败转头空,青山依旧在,几度夕阳红,白发渔樵江渚上,惯看秋月春风,一壶浊酒喜相逢,古今多少事,都付笑谈中

这是一行很长的文本normal 滚滚长江东逝水,浪花淘尽英雄,是非成败转头空,青山依旧在,几度夕阳红,白发渔樵江渚上,惯看秋月春风,一壶浊酒喜相逢,古今多少事,都付笑谈中

文本将继续位于同一行,直到遇到
标记。

0

发表评论

    评价:
    验证码: 点击我更换图片
    最新评论