|
|
|||||||||||
|
|||||||||||||
| 当前位置： 电脑软硬件应用网 > 设计学院 > 网络编程 > CSS教程 > 正文 |
|
|||
| CSS教程：表格的nobr终极解决方案 | |||
| 2008-9-19 12:16:11 文/未知 出处:网页教学网 | |||
|
或许你已经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的，让用户能够清晰地看到内容，我认为比美观更重要。 |
|||
| 最新热点 | 最新推荐 | 相关文章 | ||
| CSS伪类选择器nth-child() css3教程:background属性调整增强 css教程：CSS3 Media Queries 详解 CSS 类名的长命名和短命名 CSS实例教程:非浮动区域设置宽度 如何使用css约束一个层不可见？ CSS的list-style解释 小议使用“完整”的CSS的缺点 CSS中的相对定位与绝对定位详解 实例使用DIV+CSS制作圆角边框加阴影… |
| 关于45IT | About 45IT | 联系方式 | 版权声明 | 网站导航 | |
|
Copyright © 2003-2011 45IT. All Rights Reserved 浙ICP备09049068号 |
