有没有办法使用 HTML/CSS(具有相对大小调整)使一行单元格拉伸其所在表格的整个宽度?
单元格的宽度应该相等,并且外表的大小也是动态的<table width="100%">
.
目前如果我不指定固定大小;单元格只是自动调整大小以适应其内容。
您甚至不必为单元格设置特定的宽度,table-layout: fixed
足以使细胞均匀分布。
ul {
width: 100%;
display: table;
table-layout: fixed;
border-collapse: collapse;
}
li {
display: table-cell;
text-align: center;
border: 1px solid hotpink;
vertical-align: middle;
word-wrap: break-word;
}
<ul>
<li>foo<br>foo</li>
<li>barbarbarbarbar</li>
<li>baz</li>
</ul>
请注意,对于table-layout
要工作,表格样式元素必须设置宽度(在我的示例中为 100%)。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)