td 单元格 内容自动换行 

 1 <table width="100%" border="1" align="center">
 2         <tr>
 3             <td width="50%"  style="word-break: break-all;" >
 4                ssdsdsffdiojheheivndivndinvinsddnvsncvisnvisnvisnvinvisnvisnvisnvinidnidnvinivnvncivnicn
 5                 icn icnvidnvidnivndivnsivninvinininininfafjaofjoaaosnvanvnvsvnfdjfjdfdjfljdflkdjfldjfldjfldjsfldsjfldsjfldsjfsdljfsdlf
 6             </td>
 7             <td width="50%">
 8              wds
 9             </td>
10         </tr>
11     </table>


这里换行是通过 word-break实现的

语法

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

 normal            使用浏览器默认的换行规则。

break-all          允许在单词内换行。

keep-all          只能在半角空格或连字符处换行。

 

还有一种换行 是通过word-wrap控制换行的

网上说word-wrap才是控制是否换行，break-word是控制是否断词的。

有兴趣的可以看下 http://homepage.yesky.com/207/7707707.shtml

 

 

 

 

 

posted @ 2014-04-25 15:36  小老季  阅读(621)  评论(0)  编辑  收藏  举报