html - 在响应式实用程序中使用表格有什么问题？

Question

Bootstrap 的 page about responsive design是这样说的:

Responsive utilities should not be used with tables, and as such are not supported.

作为网络开发的新手，我不熟悉这是在说什么。似乎普遍厌恶使用 <table> .这是真的吗？

此外，措辞的报价对我来说没有意义。不应该这样读吗？

Tables should not be used in responsive utilities, and as such are not supported.

Answer 1

表格是非常结构化的元素。 <td>只能是一列。您无法将其更改为突然像一排一样出现或将其漂浮在某处等等。

HTML，在响应式设计中，不应该定义 CSS 的工作应该是什么样子(或者在某种程度上它应该出现在哪里)。 HTML 应该简单地对文本和其他元素进行分组。所以一个 HTML <table>及其所有相关标签打破了这种范式。

CSS display现在包含表格元素:How is a CSS “display: table-column” supposed to work?所以这消除了嵌入 <table> 的需要标签并允许您使用更通用的 <div>标签之类的，因此现在它是一个 <div>看起来像 <table >，没有什么可以阻止你通过更新 CSS 使它看起来完全不同。你甚至可以让它对不同的观众看起来不同，等等。

希望对您有所帮助。