在学习css过程中,许多新手对表格这一块内容相当纠结,也尝尝被弄得焦头烂额。比如,原来使用的nobr现在要用什么来代替呢?下面小编就为大家提供一个解决方案,希望对初学者有所启示。
实现nobr,我们常用的方法是使用white-space:nowrap。但小编今天介绍另外一个方案:就是使用table-layout:fixed。
那么,我们不妨来了解一下这个table-layout:
table-layout属性用来显示表格单元格、行、列的算法规则。我们常用的属性值有fixe和auto,默认值是auto.
auto:默认的自动算法。布局将基于各单元格的内容。表格在每一单元格读取计算之后才会显示出来。速度很慢。
fixed:固定布局的算法。在这算法中,水平布局是仅仅基于表格的宽度,表格边框的宽度,单元格间距,列的宽度,而和表格内容无关。
在这里小编为大家介绍一下使用table-layout:fixed的技巧:
为了使表格能够适应液态布局即可伸缩性,小编强烈建议建议大家不要为表格设置绝对宽度,而是设置相对宽度,使用百分比就是一个不错的选择。
通过小编的介绍,相信大家都学会了如何在表格中实现nobr了。在实际操作中,如果再遇到类似的问题,大家就不用再焦头烂额了!
¥99.00
¥59.00
¥39.00