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

标签 html twitter-bootstrap

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/

相关文章:

html - div不会向右浮动

html - 不显示内联的 float 元素

css - 将按钮向上移动到选择旁边

css - Bootstrap popover - 如何固定位置?

html - 没有推拉的 Bootstrap 移动折叠顺序(从右到左)

css - 在创建模态后添加内容时,Bootstrap 3.3 模态背景会中断

html - 将鼠标悬停在父元素上时隐藏图像

javascript - 有没有办法使用任何浏览器的开发工具来扩展整个 dom 树?

html - 为什么我的 table 没有圆 Angular ?

javascript - 表单未使用 BootStrap 验证必填字段