css 控制自动换行,问题:css 自动换行;结果:CSS控制文本自动换行

CSS控制文本自动换行

CSS控制文本自动换行,阅读CSS控制文本自动换行,1.你定死表格的宽度,即给表格一个宽度值(是 数值,不是百分比) 2.强制不换行div{//white-space:不换行;normal 默认;nowrap强制在同一行内显示所有文本,直到文本结束或者遭遇 br 对象white-space:nowrap; }自

1.你定死表格的宽度,即给表格一个宽度值(是数值,不是百分比)

2.强制不换行

div{

//white-space:不换行;normal 默认;nowrap强制在同一行内显示所有文本,直到文本结束或者遭遇 br 对象

white-space:nowrap; }

自动换行

div{

word-wrap: break-word;

//word-break设置强行换行;normal 亚洲语言和非亚洲语言的文本规则,允许在字内换行

word-break: normal;

}

强制英文单词断行

div{

word-break:break-all;

}

3.总结了一下,只要在CSS中定义了如下句子,可保网页不会再被撑开了。

table{table-layout: fixed;}

td(word-break: break-all; word-wrap:break-word;)

注释一下:

1.第一条table{table-layout: fixed;},此样式可以让表格中有!!!(感叹号)之类的字符时自动换行。

2.td{word-break: break-all

你可能感兴趣的:(css,控制自动换行)