繁體中文当前位置: 首页 > 图文教程 > 网页制作 > CSS样式表 > CSS教程:表格的nobr终极解决方案
- CSS样式表
- css 简单区别ie6,ie7,firefox的写法
- 解决在IE6下文字溢出（多出一行字）的解决方法小结
- 纯css 鼠标移上查看大图的效果
- css 完美清除浮动的两种解决方案
- css 透明度的设置兼容所有浏览器
- pre 自动换行的问题
- CSS 图片定位的几种方式
- div+css学习笔记(IE与fox好多不兼容的问题)
- 让你的页面对 IE6 显示出黑白色(多浏览器)
- li 自适应宽度
- 样式表达式实现交替显示table行颜色
- css 控制图片大小 小于固定值 控制大小
- CSS 各种滤镜代码解释 用法案例
- 针对firefox ie6 ie7 ie8的css样式hack
- CSS 样式 层裁剪图片
- 十个非常实用的CSS属性(IE不支持)
- CSS渲染速度改善的十个方法与建议
- css z-index 最大值
- css z-index 在IE中的迷惑
- IE与Firefox中兼容的html设计中使用CSS改变鼠标为手形
CSS样式表 中的 CSS教程:表格的nobr终极解决方案
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-09-11 浏览: 92 ::
收藏到网摘: n/a
当你准备全面进军web标准时，有时候你是不是被表格的弄得焦头烂额呢？比如，原来使用“非法”的nobr现在要用什么来代替呢？今天，就让我来一个终极解决方案。
或许你已经Google到white-space： nowrap可以实现nobr，不错，但关键还有一个，那就是table-layout. table-layout有两个值可以设定，预设的是auto. auto： 默认的自动算法。布局将基于各单元格的内容。表格在每一单元格读取计算之后才会显示出来。速度很慢。
fixed ： 固定布局的算法。在这算法中，水平布局是仅仅基于表格的宽度，表格边框的宽度，单元格间距，列的宽度，而和表格内容无关。
为了让表格布局固定住，我们需要table-layout：fixed.假设没有fixed，把你的分辨率减小到一定程度，你会发现white-space： nowrap是不会生效的。
技巧：为了使表格能够适应液态布局（liquid layout，即可伸缩性），不建议你为表格设置绝对宽度，使用相对宽度如百分比是不错的选择。另外，把宽度相对固定的内容（比如时间格式）格设置绝对宽度，非固定的内容格不设置任何宽度，只需给予其设置white-space： nowrap，虽然在小分辨率的情况下会溢出，但依据某些观点看来，这比折行更美观。
当然我的观点不这样，如果是属于我自己能控制的东西，我是不会要white-space： nowrap的，让用户能够清晰地看到内容，我认为比美观更重要。
评论 (0) All
