怎么实现CSS强制自动换行、强制换行、不换行?
2017-12-03 00:00
239 查看
原文地址:怎么实现CSS强制自动换行、强制换行、不换行?
通过css代码可以控制html元素自动换行、不换行、英文单词断行换行。相关代码如下:
强制不换行
注意:不换行的话,如果想防止出现滚动条,可以设置:
overflow-x:hidden;
自动换行
强制英文单词断行
注意:设置强制将英文单词断行,需要将行内元素设置为块级元素。
比如:span { display:block; }
通过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; }
相关文章推荐
- css实现强制不换行/自动换行/强制换行
- css实现页面文字不换行、自动换行、强制换行
- 内容排版:CSS实现强制不换行、自动换行、强制换行
- css 不换行 自动换行 强制换行的实现方法
- css实现强制不换行/自动换行/强制换行
- css实现强制不换行/自动换行/强制换行
- 巧用css实现强制不换行、自动换行、强制换行(转)
- css实现 强制不换行,自动换行,强制换行
- css实现超出区域字符串不换行、自动换行、强制换行
- css实现强制不换行/自动换行/强制换行
- 转:css实现强制不换行/自动换行/强制换行
- CSS实现强制不换行、自动换行、强制换行的css代码
- css实现页面文字不换行、自动换行、强制换行
- css实现强制不换行/自动换行/强制换行
- css实现强制不换行/自动换行/强制换行
- css实现强制不换行/自动换行/强制换行
- css 不换行 自动换行 强制换行的实现方法
- css实现强制不换行/自动换行/强制换行(转载)
- css实现强制不换行/自动换行/强制换行
- css实现强制不换行/自动换行/强制换行