前言三月中旬,有一个对CSS开发者来说非常重要的消息。Firefox和Chrome的最新版本已经正式支持CSSGrid的新特性。没错:我们现在可以在两个最流行的浏览器上玩玩CSSGrid了~(≧▽≦)/~为什么CSSGrid很重要?因为CSSGridLayout是Web的第一个真正的布局系统。它的目的是将内容组织成行和列,最终让开发人员能够高度控制页面在我们眼前的屏幕上的显示方式。这意味着我们终于可以摒弃多年来的各种黑客和技巧。CSSGrid布局不仅可以让复杂的布局和漂亮的排版成为可能,还可以让它变得干净和可维护。通过使用CSSGrid,Web开发变得更清晰,对开发人员更友好:-D。那么网格是如何工作的呢?有的教程讲的很详细,但是我觉得应该从最基础的知识开始。下面我们来实现一个比较简单的小例子,就是在页面上放置一串字母。在我们开始之前,让我们添加几个标签:
