如何设置css让元素不自动换行?

html-css015

如何设置css让元素不自动换行?,第1张

强制不换行

div{

white-space:nowrap

}

自动换行

div{

word-wrap: break-word

word-break: normal

}

强制英文单词断行

div{

word-break:break-all

}

大概了解了你的意思,也看过楼上的解释,我这里给出我的比较全面的解释,希望对楼主有用:

css样式定义:

table{

table-layout:fixed /*固定表格,其实这个主要保证一连串不间断英文字符不会撑开td,因为一连串不间断英文字符表示的是一个单词,肯定不会分行的*/

}

td{

width:100px /*宽度根据需要设置,也可以设置百分比*/

height:25pxline-height:25px /*高度也是根据需要设置*/

white-space:nowrap /*文本显示不自动换行*/

overflow:hidden /*超出部分显示*/

}