什么是CSS网格系统？ [英] What is a CSS grid system?

问题描述

我正在研究css框架，主要是为了重置，更好地构建我的项目等。

I'm looking into css frameworks, mainly for resets, structuring my projects better, etc.

我找到了Html Boilerplate（我正在使用）。我现在看到蓝图和960gs等框架，他们声称基于网格的布局。有人可以解释一下基于网格的布局是什么吗？它是如何工作的？

I found Html Boilerplate (which i'm using). I now see frameworks such as blueprint and 960gs, they claim a grid based layout. Could someone explain what a grid based layout is? How does it work?

推荐答案

我建议您阅读你应该使用哪种CSS网格框架来进行网页设计？ href =http://net.tutsplus.com =nofollow noreferrer> NetTuts 。

它深入并回答了您的问题以及比较一些CSS框架。

It goes into depth and answers the questions you have, as well as a comparison of some of the CSS frameworks out there.

它们基本相当于一个格子，它将水平和垂直空间可以放置文字，标题，图片和广告。

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

引用我附加的关于印刷出版的链接布局网格。但在网络世界（CSS）的上下文中，网格系统允许您创建复杂的CSS网格布局，而不是HTML表格布局。

Quoted from the link I attached with regards to print publishing layout grids. But in the context of the Web world (CSS) grid systems allow you to create complex CSS grid layouts instead of html table layouts.

这篇关于什么是CSS网格系统？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！