您的位置:首页 > Web前端 > CSS

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

2017-12-03 00:00 239 查看
原文地址:怎么实现CSS强制自动换行、强制换行、不换行?

通过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; }
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: