如何将细胞与表格保持一致？

Question

我知道这可以有一个简单的解决方案，但我尝试了一切，但我无法使其发挥作用。

如果我缩小页面大小，那么它完全对称，但是当我调整到全屏时，就像在照片中一样。

我想要它做的是让细胞保持表格的大小，而不仅仅是显示背景。

主要问题是在包含特定文本的特定单元格中，某些文本在某些文本中比在其他文本中更长。

我已经尝试过制作一个特定的宽度，但如果我这样做，那么当我缩小浏览器尺寸时，我就无法拥有动态单元格。

Answer 1

你是说这个？

＆＃13;

＆＃13;

table {
  width: 100%;
  min-height: 250px;
  border: 16px blue solid;
}
td {
  border: 8px lime solid;
  width: 25%;
  text-align: center;
  padding: 44px;
}

＆＃13;

<table>
  <tr>
    <td>Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit..."</td>
    <td>adipisci</td>
    <td>velit</td>
    <td>quisquam</td>
  </tr>
</table>

＆＃13;

＆＃13;

＆＃13;