Table中录入连续的英文字母为何不换行

今天遇到一个比较有趣的问题,把Table中的每个单元格的宽度都设成定值,当单元格中的文字是连续的英文字符时,它死活也不换行,当为中文字的时候却可以自动换行,看了半天才明白Table把连续的英文字符看作一个单词而不换行,汉字每个字符都是独立的,当输入一些英文单词的时候也会换行的,原因时里面有空格的缘故,通过设置样式也可以让连续英文字符在单元格中换行,看看下面的代码就知道所说的意思了.

<table border="0" cellpadding="0" cellspacing="0">
   <tr>
      <td style="width: 100px">
        换不换行,试试就知道。换不换行,试试就知道。换不换行,试试就知道。换不换行,试试就知道。换不换行,试试就知道。         </td>
      <td style="width: 100px;word-break : break-all">
         sdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfssdfsdfsdfsdfsdfsdfsfsdfdfsdfsdfsd</td>
      <td style="width: 100px">
         sssssssssssssssssssssssss sssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss</td>
    </tr>
</table>
关键的一句,就可以让一切问题迎刃而解!不用再害怕你的布局会面目全非了!

阅读更多
文章标签: table border
个人分类: js
想对作者说点什么? 我来说一句

没有更多推荐了,返回首页

加入CSDN,享受更精准的内容推荐,与500万程序员共同成长!
关闭
关闭