加上如下的CSS设置,就是设定好宽度width,然后设置合适的word-wrap和word-break属性:
ul li{width: 100px
word-wrap: break-word
word-break: break-all
white-space: normal
}
ul里面的li折行其实跟其他块状(block)元素的折行都是一样的。以下是相关的CSS属性:
word-warp 属性设置如何处理单词的折行,可以取的值有
word-wrap: normal | break-word
word-break 属性设置如何处理单词折断,仅支持IE,可以取的值有:
word-break: normal | break-all | hyphenate
white-space 属性设置如何处理元素内的空白。可以取的值有:
white-space: normal | nowarp | pre | pre-line | pre-warp | inherit
经测试对中文也有效。
dreamweaver认为连续的字母数字是一个单词,所以不会换行,你试试
<style>table{table-layout: fixed} </style>
<table>
<tr>
<td style="word-break:break-allword-wrap:break-word)">内容
</td>
</tr>
</table>
随便写的,管用