html - 什么是 CSS 网格系统?

标签 html css

我正在研究 css 框架,主要用于重置、更好地构建我的元素等。

我找到了 Html Boilerplate(我正在使用)。我现在看到诸如 blueprint 和 960gs 之类的框架,它们声称基于网格的布局。有人可以解释什么是基于网格的布局吗?它是如何工作的?

最佳答案

我建议您阅读 Which CSS Grid Framework Should You Use for Web Design?NetTuts .

它深入并回答了您的问题,并比较了一些现有的 CSS 框架。

They essentially amount to a lattice that divides horizontal and vertical space in consistent units where text, headlines, images, and advertising can be placed.

引 self 所附的关于打印出版布局网格的链接。但是在 Web 世界 (CSS) 的上下文中,网格系统允许您创建复杂的 CSS 网格布局而不是 html 表格布局。

关于html - 什么是 CSS 网格系统?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4462662/

相关文章:

javascript - 在使用jquery在鼠标悬停时淡入之前。如何让隐藏元素占用空间?

jquery - 表头组不支持滚动

javascript - 在 JQuery 中包含基于 li 标签 id 的 html

html - 基本的 css 字体粗细属性不起作用

javascript - 如何使用 javascript 将图像转换为音频?

javascript - 如何正确使用JavaScriptStringEncode()方法?

javascript - 为什么我的 CSS 背景图像无法在 Electron 中加载?

html - Css 选择 Canvas 嵌套元素

html - Chrome 中的可滚动 div 问题

html - 有 .space 在悬停时改变颜色