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.
最佳答案
表格是非常结构化的元素。 <td>
只能是一列。您无法将其更改为突然像一排一样出现或将其漂浮在某处等等。
HTML,在响应式设计中,不应该定义 CSS 的工作应该是什么样子(或者在某种程度上它应该出现在哪里)。 HTML 应该简单地对文本和其他元素进行分组。所以一个 HTML <table>
及其所有相关标签打破了这种范式。
CSS display
现在包含表格元素:How is a CSS “display: table-column” supposed to work?所以这消除了嵌入 <table>
的需要标签并允许您使用更通用的 <div>
标签之类的,因此现在它是一个 <div>
看起来像 <table
>,没有什么可以阻止你通过更新 CSS 使它看起来完全不同。你甚至可以让它对不同的观众看起来不同,等等。
希望对您有所帮助。
关于html - 在响应式实用程序中使用表格有什么问题?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20406251/