我在表格中有许多列,每列都有不同的文本长度。我想要做的是让所有列都具有相同的填充和左右。是的,但是行占据宽度的100%...所以实际的填充量需要动态分配。这可能吗?
答案 0 :(得分:0)
可以为padding padding-left: 5%; padding-right: 5%
指定相对值,但我不确定它们是否在浏览器中表现得一致(更准确地说,表宽度是否保持不变,而且5%实际上是相对于表)。
在这种情况下,我发现在内容单元格之间使用单元格(仅包含
)并给它们相对宽度更容易。他们为填充创造了奇妙的效果。
答案 1 :(得分:0)
不幸的是,CSS框模型在元素的宽度或高度上添加填充以确定大小,导致%值宽度或高度对带填充的元素不起作用。
但是,如果您只需要填充所有可用宽度的行,但不关心单个列的宽度,则可以只设置表格上的宽度,而只设置单元格上的填充:
table#foo { width: 100% }
table#foo td { padding: 5px 20px }