iLeichun

当前位置: 首页 > 网页设计

英文字母换行问题

分类:网页设计   来源:网络   时间:2010-08-16 00:12:31

网页制作的过程中,特别是DIV+CSS架构的时候,要注意英文字母的换行问题。

因为我们会发现,如果直接用表格写一行字体的话,到了头会自动换行的,但是如果是英文,也在一个表格或是一个DIV固定的宽度里面,写一行英文字体,这个字体是不会自动换行的。它会把表格撑开,一直到最后结束或是到你按了BR换行为止。
这是为什么呢?

原因似乎很难讲得出来,下面我们来看一下出现这种情况的解决方法吧。

就是 word-break,当把这项设为break-all时大家就可以看到效果了.

<table width="100%" style="word-break:break-all">
  
  <td width="20%">
  
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
  
  </td><td width="80%"></td></table>

更多