大小相等的表格单元格可以填充包含表格的整个宽度
有没有一种使用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％）。
-
问题内容： 我已经看过这个问题并在Google上搜索了一下，但到目前为止没有任何效果。我认为现在是2010年（这些问题/答案很旧，而且还没有答案），我们有了CSS3！有什么方法可以使用CSS使div填充整个表格单元格的宽度和高度吗？ 我不知道单元格的宽度和/或高度会提前多少，并且将div的宽度和高度设置为100％无效。 另外，我需要div的原因是因为我需要将某些元素绝对定位在单元格之外，并且不适用
-
问题内容： 我在表容器中有不确定数量的表单元元素。 有没有一种纯粹的CSS方法可以使表格单元具有相等的宽度，即使它们内部具有不同大小的内容？ 谢谢。 编辑：具有最大宽度将需要知道您有多少个单元格？ 问题答案： 这是工作单元数不确定的有效 您可以为每个父对象固定一个宽度（ 表格 ），否则通常将为100％。 诀窍是使用 每个单元上的一定宽度触发它，这里是2％。这将触发 另一个 表算法，浏览器会尽力遵守
-
问题内容： 我有一个数据表，每个单元格都是一个链接。我想允许用户单击表格单元格中的任何位置，并让他们点击链接。有时表单元格不止一行，但并非总是如此。我使用td{display：block}来获得覆盖大部分单元格的链接。当一行中有一个单元格为两行，而其他单元格只有一行时，一个衬板不会填满表格行的整个垂直空间。这是示例HTML，您可以在上看到它的运行方式： 问题答案： 您需要对CSS进行一些小的更改。
-
问题内容： 我正在将AutoSizing单元格与Autolayout和UICollectionView一起使用。 我可以在单元初始化的代码中指定约束： 但是，由于该单元尚未添加到中，该应用程序崩溃了。 问题 在该阶段的生命周期，可以添加一个约束的？ 有没有作出任何默认方式的equal to the of thewithout accessing an instance of or？ 编辑 这个问题
-
我正在使用带有Autolayout和UICollectionView的自动调整单元格。 我可以在单元初始化代码中指定约束： 但是，应用会崩溃，因为单元格尚未添加到。 问题 > 在生命周期的哪个阶段，可以添加具有 的< code>width集合视图< code >的widthUIScreenUIWindow '的实例吗？ 编辑问题不是重复的，因为它不是关于如何使用自动调整单元格大小功能，而是关于在使
-
问题内容： 许多人仍然使用表格来布局控件，数据等。-流行的jqGrid就是一个例子。但是，发生了一些我似乎无法理解的魔术（它的桌子大声喊叫，可能有多少魔术？） 如何设置表的列宽并使它像jqGrid那样遵守！？如果我尝试复制此内容，即使我设置了every ，只要这些单元格之一的内容大于20px，该单元格就会展开！ 有什么想法或见解吗？ 问题答案： 您可以尝试对所有行使用标签管理表样式，但是您需要在或