CSS - 创建 DIV 网格的正确方法

标签 css

我正在创建一个论坛风格的页面,每个主题一行,每行有四列。

由于这更像是一种布局而不是表格数据,因此我选择使用 Div 来实现这一点。但是,我担心 Divitius。

这是我找到的方法: http://jsfiddle.net/XFUm9/

是否有更好、更有效的方法来实现这一点,或者我是否正确地做到了?

最佳答案

我建议您研究面向对象的 css 设计,因为您将希望在不同的场景中使结构适应不同的大小

.left { float:left; }
.right { float: right }
.onetenth { width: 10%; }
.onetwentieth { width: 5%; }

等等……

我向您保证,这种方法会大大减少您的样式,从而提高性能。

参见:https://github.com/stubbornella/oocss/wiki/ (面向对象的 CSS)

关于CSS - 创建 DIV 网格的正确方法,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11967727/

相关文章:

css - -moz- 和 -webkit- 我现在需要使用它吗?

javascript - javascript 转换中的奇怪行为

css - Bootstrap 3 - 跨网格将文本对齐到表单控件项

css - 如何防止 Opera 滚动页面溢出 :hidden?

javascript - 调整 HTA 大小时如何固定页面位置

如果当前滚动位置靠近底部,则javascript滚动到div的底部

javascript - 保留一个 CSS 属性,直到另一端过渡

javascript - 将按钮附加到语义 ui 侧边栏

css - 一行 5 个 div,无法将它们排成一行

html - 为什么 id 不覆盖 bootstrap 中的类?