table中的单元格中的英文不自动换行

本文介绍了使用CSS实现文本自动断词和断行的方法,包括设置table-layout、word-wrap及word-break属性的具体应用,帮助解决长单词或URL溢出容器边界的问题。

1.最简单的方法   加上这个  
  <style   type="text/css">  
  <!--  
  table   {    
  table-layout:   fixed;    
  word-wrap:break-word;    
  }    
  div   {    
  word-wrap:break-word;    
  }  
   
  -->  
  </style>  
   
  2.用这种方法:style="word-break:break-all"   有个小问题,英文符号如'!'等不能换行  

word-break   :    
  取值:  
  normal     :   默认值。允许在词间换行    
  break-all     :   该行为与亚洲语言的   normal   相同。也允许非亚洲语言文本行的任意字内断开。该值适合包含一些非亚洲文本的亚洲文本    
  keep-all     :   与所有非亚洲语言的   normal   相同。对于中文,韩文,日文,不允许字断开。适合包含少量亚洲文本的非亚洲文本    
   
   
  顺便说下word-wrap:  
  normal     :   默认值。允许内容顶开指定的容器边界    
  break-word     :   内容将在边界内换行。如果需要,词内换行(   word-break   )也将发生    
      此属性仅作用于有布局的对象,如块对象。内联要素要使用该属性,必须先设定对象的   height   或   width   属性,或者设定   position   属性为   absolute   ,或者设定   display   属性为   block   。  

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值