szavck
作者szavck·2017-12-15 22:03
软件开发工程师·好莱坞

怎么实现CSS强制自动换行、强制换行、不换行?

字数 267阅读 1367评论 0赞 0

通过css代码可以控制html元素自动换行、不换行、英文单词断行换行。相关代码如下:

强制不换行
复制

p { white-space:nowrap; }

注意:不换行的话,如果想防止出现滚动条,可以设置:

overflow-x:hidden;

自动换行
复制

p { word-wrap:break-word; word-break:normal; }

强制英文单词断行
复制

p { word-break:break-all; }

注意:设置强制将英文单词断行,需要将行内元素设置为块级元素。

比如:span { display:block; }

如果觉得我的文章对您有用,请点赞。您的支持将鼓励我继续创作!

0

添加新评论0 条评论

Ctrl+Enter 发表

作者其他文章

相关文章

相关问题

X社区推广