熟悉水平居中和垂直居中的方法, 不为别的, 就为用的时候能够信手拈来. 下面直接步入正题.原文：16种方法实现水平居中垂直居中 水平居中 1) 若是行内元素, 给其父元素设置 text-align:center,即可实现行内元素水平居中. 2) 若是块级元素, 该元素设置 ma…

寻根溯源话布局 一切都始于这样一个问题：怎样通过 CSS 简单而优雅的实现水平、垂直同时居中。记得刚开始学习 CSS 的时候，看到 float 属性不由得感觉眼前一亮，顺理成章的联想到 Word 文档排版中用到的的左对齐、右对齐和居中对齐，然而很快就失望的发现 CSS 中并不存…

本文图片、部分翻译来自原文 Even more about how Flexbox works — explained in big, colorful, animated gifs

6 月份，Tutorialzine 上的一些前端新鲜货，希望你能找到喜欢的库。

原文地址：Building a Trello Layout with CSS Grid and Flexbox 原文作者：Giulio Mainardi 译文出自：掘金翻译计划 本文永久链接：https://github.com/xitu/gold-miner/blob/mas…

让我们先来定义：一个CSS工具集库是一个拥有许多可用于做许多一次性小事的样式表。如调整margin和padding的类。设置颜色的类。设置具体样式属性的类。设置尺寸的类。工具集库会用不同的方式来实现这些东西,但更像是分享这种理念。

5分钟极速上手 CSS Grid作者：jensimmons 原文：http://jensimmons.com/post/aug-15-2017/heres-super-quick-way-try-out-css-grid 最值钱的是作者写的小练习，试一试，轻松上手 CSS Gr…