0

我是一个想学习html布局设计的新手。

据我所知，应该为此使用 DIV 和 css 样式。

但是在我搜索的时候，我发现了 CSS3 2D 网格布局的新草案：

http://www.w3.org/TR/css3-grid-layout/

这个 CSS 模块定义了一个基于网格的二维布局系统，针对用户界面设计进行了优化

和

它擅长为应用程序的主要区域划分空间，或定义由 HTML 原语构建的控件各部分之间的大小、位置和层之间的关系

从查看它和他们那里的图表来看，它似乎更适合布局设计。

有没有人使用过这个并且可以建议是否应该花时间学习这个新的 2D 网格，而不是花时间学习使用 DIV 进行布局设计？同样，我对 HTML 非常陌生，并试图要求选择正确的东西来学习。

添加

还有 CSS 网格模板布局模块http://dev.w3.org/csswg/css-template/

该草案结合了早期草案中关于模板布局、网格定位 [CSS3GRID] 和网格布局 [CSS3-GRID-LAYOUT] 的想法。

4

1 回答 1

-1

此功能仍处于草稿状态。这意味着它甚至还没有最终的标准。草稿可以随时更改，所以任何人使用它都会很疯狂。根据caniuse.com的说法，唯一支持它的浏览器是 Internet Explorer 10 和 11。

在所有常用 Web 浏览器广泛采用某个功能之前，您不应该使用它。这可能需要数年时间，因此您现在应该学习传统的 css 定位。

更新： 4 年后，大多数浏览器都支持网格布局，因此它成为了 Web 开发的可行工具。但仍有一些例外情况可能需要投入一些工作来确保您的应用程序在没有网格布局支持的情况下至少不会完全不可用。还要记住，网格布局和 div 定位的“经典”方式都是工具。为每项工作使用正确的工具。网格布局的存在不是拒绝学习其他布局技术的借口。

于 2013-05-18T04:18:19.770 回答