使用CSS样式表让英文文本自动换行

• <style>
  .tb {table-layout:fixed}
  </style>
  <table class="tb" width="80"><tr><td nowrap>
  abcdefghigklmnopqrstuvwxyz 1234567890
  </td></tr>
  </table>

  效果：可以自动换行

  3. (IE浏览器)在使用百分比固定td大小情况下使用样式table-layout:fixed与nowrap：

  div css xhtml xml Example Source Code Example Source Code [www.52css.com]
  <style>
  .tb{table-layout:fixed}
  </style>
  <table class="tb" width=80>
  <tr>
  <td width=25% nowrap>
  abcdefghigklmnopqrstuvwxyz 1234567890
  </td>
  <td nowrap>abcdefghigklmnopqrstuvwxyz 1234567890</td>
  </tr>
  </table>

  效果：两个td均正常自动换行

  4.(Firefox浏览器)在使用百分比固定td大小情况下使用样式table-layout:fixed与nowrap,并且使用div：

  div css xhtml xml Example Source Code Example Source Code [www.52css.com]
  <style>
  .tb {table-layout:fixed}
  .td {overflow:hidden;}
  </style>
  <table class=tb width=80>
  <tr><td width=25% class=td nowrap>
  <div>abcdefghigklmnopqrstuvwxyz 1234567890</div>
  </td>
  <td class=td nowrap><div>abcdefghigklmnopqrstuvwxyz 1234567890</div></td>
  </tr>
  </table>

  这里单元格宽度一定要用百分比定义 效果：正常显示，但不能换行。
  
  注：在FF下还没有能使容器内容换行的好方法，只能用overflow将多出的内容隐藏，以免影响整体效果。

  （出处：急速软件下载学院）

• 上一页 [1] [2] 
• 复制本页网址和标题，发送给你QQ/Msn的好友一起分享
  
  
• 使用CSS样式表让英文文本自动换行 相关文章：
• ·Fireworks教程 液体金属表面特效制作
• ·多个CSS样式表争夺特定选择符的控制权
• ·HTML表格标记：行的水平对齐属性ALIGN
• ·纯CSS制作的新闻网站中的文章列表
• ·Illustrator绘制精美三维图表实例
• ·Excel表格页码设置打印输出更直观
• ·经典：交换机故障检测检查表
• ·QQ会员成长体系介绍及成长值换算参照表
• ·sqlldr加载数据到不同表的问题
• ·下载：MSN微软官方圣诞表情包
• 使用CSS样式表让英文文本自动换行 相关软件
• ·火影忍者必杀技表演秀
• ·《文明4》官方科技树图表
• ·图片欣赏-世界名表欣赏
• ·万用表应用技巧
• ·历代CPU最全明细参数表
• ·心理自测表
• ·中国地方菜系及代表菜
• ·注册表结构
• ·用图表说话
• ·化学元素周期表

上一篇:针对读者和搜索引擎优化博客的25个技巧

下一篇:缩短和消除Windows开机磁盘扫描时间

• 特别声明：本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载，但请务必注明出处和原始作
• 者.文章版权归文章原始作者所有.对于被本站转载文章的个人和网站，我们表示深深的谢意。如果本站转
• 载的文章有版权问题请联系编辑人员,我们尽快予以更正. 转载请注明来源：http://www.hackhome.com

精品推荐

热点TOP10

特别推荐