html - 第一个表格列的最小宽度

标签 html css css-tables

有什么办法可以让左边第一列的宽度最小……比如 50%?

我有不同数量的单独表格(具有不同的标题,因此它们是单独的数据)。

显然,表列会根据其中的内容量改变它们的宽度...如果它需要额外的空间,那么它将从同一个表中的其他列中占用更多空间...这很酷,但是当有很多空间时它不需要任何额外的空间,如果它们都保持相同的宽度,它会更整洁……比如 50%

http://jsfiddle.net/mqatP/5/

如果不在 PHP 中测试其中有多少内容并添加不同的类,知道如何做到这一点吗?

最佳答案

我很惊讶地发现 min-width 不能解决问题。然而,在玩了一会儿之后,我遇到了这个解决方案:

td:first-child {
    width: 40%;
    white-space: nowrap;
}

关于html - 第一个表格列的最小宽度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8791084/

相关文章:

html - 背景图像扩展到整个侧边栏的部分

html - 具有圆形底座的 CSS 选项卡(平滑底座过渡)

html - 文本以容器的最小高度和调整高度为中心

html - 导致容器在我的菜单栏上重叠的视差效果

html - 如何在图像悬停时向图像添加文本?

javascript - 指针事件为 null 的元素上的“单击”(或替代方法)

html - 无法调整 iFrame 的大小

HTML 表格自动扩展最后一列以占据剩余宽度

css - 在响应式页面上需要您的帮助

html - 更改表格单元格边框的颜色