站点基础:最小宽度/固定表列

时间:2018-04-17 12:11:53

标签: css html-table zurb-foundation

我正在尝试使用Foundation(针对网站,6.3.0版本)类来解决此问题。

我必须显示一个包含大量数据(和列)的表,并且我希望其中2个具有最小宽度,以便内容(具有固定长度)不会换行。

我尝试设置min-widthtd元素的th,但没有运气。

如果没有办法与基金会合作,我只会编写自己的CSS表格:)

1 个答案:

答案 0 :(得分:0)

通过使用一点CSS技巧解决,也许它已广为人知,但对于像我这样的人我会解释:

我只是简单地为td添加了一个类:

td.min {
    width: 1%;
    white-space: nowrap;
}

这将设置td宽度以适合内容,而不包装它。