大连网站制作客服
主营业务
  • 网站制作
  • 网站维护
  • 网站推广
  • 域名空间
联系电话
联系人:尹先生
QQ:1050706570
E-mail:biz@noonenet.cn
地址:大连市甘井子区哲林北园29号
·首页 >> 设计表现 >> css限制、防止表格被连续英文字母拉长

css限制、防止表格被连续英文字母拉长

  更新时间:2010-1-14 10:40:38    编辑:阿帆

这种问题我们往往会忽略,因为不是很严重的问题, 但是我们必须找到一种最简单,最合适的解决方法,举个例子,我们在单元格中输入一堆英文字母,tttttttttttttttttttttttttttttttt....等等,这时候你会发现在页面中显示的效果是表格没有自动换行,而是被强制拉长,这是正常的,这时候我们需要对表格做下特殊处理方能解决这种情况的出现,下面我介绍一种方法.

用Css样式强制换行

样式代码:
首先我们为表格套用样式,即套在<table>标记中

<table style="table-layout:fixed;">
这句话的意思就是将表格定位,不管里面有多少内容,如果超出,将自动覆盖

然后我们再为单元格定位,即套在<td>标记中

<td style="width:100%;word-wrap:break-word;">
这句话的意思就是将单元格的内容自动换行

这样我们就可以轻松实现表格内英文数据自动换行了。

 

原载: No.1网络工作室 http://www.noonenet.cn/
版权声明:原创作品,允许转载,转载时请务必以超链接形式标明文章原始出处、作者信息和本声明。否则将追究法律责任。


Tags:css 表格防止被英文字母拉长,英文自动换行
同类文章:
· Div图片垂直居中的方法 - 兼容各种浏览器
· 解决图片固定底部在IE6里的BUG
· WEB标准最佳实践:五个需要注意的地方
· Css的z-index属性与Flash动画层叠需注意
· div+css 垂直导航栏并添加翻转效果
返回新闻列表
top
本站关键字:大连网站制作 - 大连网站建设 - 大连网页制作
CopyRight © 2009-2012 No.1网络工作室 All Rights Reserved  sitemap
地址:大连市甘井子区哲林北园29号 电话:13889684613 E-mail:biz@noonenet.cn QQ:1050706570
logo