css table取消自动换行问题

html-css023

css table取消自动换行问题,第1张

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

css样式定义：

table{

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

}

td{

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

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

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

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

}

<style type="text/css">

div{width:300pxborder:1px solid redmargin:10pxoverflow:hidden}

.nowrap{white-space:nowrap}

</style>

<div class="nowrap">这是一段很长的文字，中间没有空格，也没有换行，它不会自动换行直到被截取掉</div>

<div>这是一段很长的文字，中间没有空格，也没有换行，但它会自动换行</div>

上面两个div里超宽的文字，第一个里面的被禁止换行，然后超宽的被截取了；第二个不做设置，于是自动换行了。