Question

我基本上需要一个包含2列和5行的表，其中第一列占据嵌套div的30％，第2列占用剩余的70％。我很想做一张桌子，但我觉得现在这不合适。

由于

Answer 1

表格对于表格数据完全正确和正确，因为您希望这样做。这就是规格中的表格。尝试用CSS创建一个表是完全没必要的。

Answer 2

如果您正在显示数据，则使用<table>是合适的。将它用于布局是不合适的，但将其用于数据比使用CSS创建表更合适。

Answer 3

<table style="width:100%">
<tr>
<td style="width:30%">your text here</td>
<td>other text here</td>
</tr>
...
</table>

如果你确实需要5x2格式化的表格，那么制作等效的div肯定需要更长的时间。不过，我并不完全确定。但如果它有效，那么第二个应该是70％没有溢出，因为边框，边距和填充。

Answer 4

您只需使用<col />标记（用于样式列），然后将CSS width属性应用于它：working example

Answer 5

如果是数据表，那么<table>标记仍然是正确的解决方案。

“无表格设计”的概念仅适用于使用表格进行布局的实践（例如，右侧菜单栏的表格列和主页面正文的另一个表格列）。这是不好的做法，不应再做了;对于这种布局，<div>元素和CSS是更好的解决方案。

但是，如果您要显示的内容实际上是一个数据表，那么您仍然应该使用<table>标记。

事实上，“无表格设计”这个短语本身就是一个坏词，因为它会导致你所拥有的混乱。

更好的说法是“语义设计”。语义意味着使用具有逻辑意义的元素和类名，这样，如果搜索引擎或其他扫描程序读取您的页面，它就可以通过查看标记来了解它所看到的内容类型。因此，<table>元素适用于数据表，因为它是合乎逻辑的，但如果导航菜单位于<table>中则没有意义。

希望有所帮助。