css实现强制不换行/自动换行/强制换行

强制不换行

div{
    white-space:nowrap;
}

自动换行

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

强制英文单词断行

div{
    word-break:break-all;
}

 

word-wrap:

css的 word-wrap 属性用来标明是否允许浏览器在单词内进行断句,这是为了防止当一个字符串太长而找不到它的自然断句点时产生溢出现象。

word-break:

css的 word-break 属性用来标明怎么样进行单词内的断句。

 

定义和用法

word-break 属性规定自动换行的处理方法。

提示:通过使用 word-break 属性,可以让浏览器实现在任意位置的换行。

 

默认值: normal
继承性: yes
版本: CSS3
JavaScript 语法: object.style.wordBreak="keep-all"
 
 
 
 
 

 
 
语法
word-break: normal|break-all|keep-all;


描述
normal 使用浏览器默认的换行规则。
break-all 允许在单词内换行。
keep-all 只能在半角空格或连字符处换行。
 

 

 

定义和用法

word-wrap 属性允许长单词或 URL 地址换行到下一行。

 

默认值: normal
继承性: yes
版本: CSS3
JavaScript 语法: object.style.wordWrap="break-word"

 

 

 

语法

word-wrap: normal|break-word;

描述
normal 只在允许的断字点换行(浏览器保持默认处理)。
break-word 在长单词或 URL 地址内部进行换行。

 

 

 

CSS 参考手册

 
 
 
 

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。