在表中使用calc()

在表中使用calc(),第1张

在表中使用calc()

表具有很难分配空间的规则,因为默认情况下,表依赖于单元格的内容来分配空间。Calc(atm)不会与此配合使用。

但是,您可以做的是为设置

table-layout
属性,
table
以强制子
td
元素获得您声明的确切宽度。为此,您还需要在桌子上放一个
width
100%
works)。

table{   table-layout:fixed;    width: 100%;           display: table;     }

然后在其余列上使用纯百分比。

td.title, td.interpret{    width:40%;}td.album{    width:20%;}

用完固定宽度列的空间后,剩余空间将以相对宽度分布在列之间。

为此,您需要默认的显示类型

display: table
(而不是
display:block
)。但是,这意味着您不能再有该表的
height
(包括
min-height
max-height
)。



欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/5112049.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-11-17
下一篇 2022-11-17

发表评论

登录后才能评论

评论列表(0条)

保存