使表格单元格方形
如何确保表格的每个单元格都应变成 正方形 而不使用固定大小？当他们改变宽度时要有所 反应 。
table {
width: 90%;
}
td {
width: 30%;
}
tr {
/** what should go here? **/
}
<table>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
</tr>
<tr>
<td>4</td>
<td>5</td>
<td>6</td>
</tr>
<tr>
<td>7</td>
<td>8</td>
<td>9</td>
</tr>
<table>
问题答案：
您可以使用以下技术中描述的技术：响应正方形的网格。
适应您的带有表和 方形表单元格的 用例，它看起来像这样：
table {
width: 90%;
}
td {
width: 33.33%;
position: relative;
}
td:after {
content: '';
display: block;
margin-top: 100%;
}
td .content {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: gold;
}
<table>
<tr>
<td><div class="content">1</div></td>
<td><div class="content">1</div></td>
<td><div class="content">1</div></td>
</tr>
<tr>
<td><div class="content">1</div></td>
<td><div class="content">1</div></td>
<td><div class="content">1</div></td>
</tr>
<tr>
<td><div class="content">1</div></td>
<td><div class="content">1</div></td>
<td><div class="content">1</div></td>
</tr>
<table>
-
问题内容： 我想根据第1列中的值给表格单元格上色，如果值不等于第1列中的值，则颜色应为青色，但我的代码不起作用： 问题答案： 是否必须突出显示单元格的决定必须在TableCellRenderer中进行。它不能在JTable中进行。因此，（没有）没有理由要重写JTable中的方法。相反，您可以将列的CellRenderer设置为TableCellRenderer的自己实现。 在此示例中，列2和3接收
-
问题内容： 我在表容器中有不确定数量的表单元元素。 有没有一种纯粹的CSS方法可以使表格单元具有相等的宽度，即使它们内部具有不同大小的内容？ 谢谢。 编辑：具有最大宽度将需要知道您有多少个单元格？ 问题答案： 这是工作单元数不确定的有效 您可以为每个父对象固定一个宽度（ 表格 ），否则通常将为100％。 诀窍是使用 每个单元上的一定宽度触发它，这里是2％。这将触发 另一个 表算法，浏览器会尽力遵守
-
问题内容： 我已经看过这个问题并在Google上搜索了一下，但到目前为止没有任何效果。我认为现在是2010年（这些问题/答案很旧，而且还没有答案），我们有了CSS3！有什么方法可以使用CSS使div填充整个表格单元格的宽度和高度吗？ 我不知道单元格的宽度和/或高度会提前多少，并且将div的宽度和高度设置为100％无效。 另外，我需要div的原因是因为我需要将某些元素绝对定位在单元格之外，并且不适用
-
问题内容： 许多人仍然使用表格来布局控件，数据等。-流行的jqGrid就是一个例子。但是，发生了一些我似乎无法理解的魔术（它的桌子大声喊叫，可能有多少魔术？） 如何设置表的列宽并使它像jqGrid那样遵守！？如果我尝试复制此内容，即使我设置了every ，只要这些单元格之一的内容大于20px，该单元格就会展开！ 有什么想法或见解吗？ 问题答案： 您可以尝试对所有行使用标签管理表样式，但是您需要在或
-
我正在用Selenium IDE测试一个包含表的网页。我想通过CSS选择器验证表格单元格（行，列）中的文本。表的HTML结构非常简单。下面是一个表的示例，其中每一行表示一个人的不同属性： 在Selenium IDE中，我能够使用以下CSS选择器在包含AGE的表行中找到“49”： 当我将这些方法导出为JUnit代码时，问题就来了。以下JUnit代码块工作： （使用方法1） WebDriver.Fin
-
我希望我的swift代码在每次按下按钮时都添加一个新的tableview单元格。你可以在下面的gif中看到我想要的东西。这段代码应该在func-tableView（_tableView:UITableView，cellForRowAt-indexPath:indexPath）中添加按钮- 在此输入图像描述