本书（系列文章）为对 CSS 中 flex 布局与 grid 布局的详细介绍，已在 GitHub 同步更新，如您在阅读过程中发现描述有误或错别字的情况，您可以向本项目提出 issus 或 Pull Request。 本系列文章为我在深入研究 CSS 的布局方式的过程中的一些总结。主要是对于 CSS3 标准里的 flex 布局方式 CSS 草案中的 grid 布局方式进行一些总结。

使用flex只需在父元素上定义display:flex,然后子级的所有元素都具有了flex功能。 现在.box以及子元素都具备了flex特性，可以通过相应特性进行个性化布局，接下来将逐一介绍每一个特性。 一个无单位数(): 它会被当作flex-grow的值。 一个有效的宽度(w…

亲爱的读者朋友，如果你点开了这篇文章，说明你对正则很感兴趣。 想必你也了解正则的重要性，在我看来正则表达式是衡量程序员水平的一个侧面标准。 关于正则表达式的教程，网上也有很多，相信你也看了一些。 与之不同的是，本文的目的是希望所有认真读完的童鞋们，都有实质性的提高。 本文内容共…

国际惯例先自我介绍。我叫 lien，17 年毕业于双非大学非科班，是一位玩了 3 年视频后期，在网易游戏做了 1 年视频后期与活动运营。 在某次机缘巧合,程序员同事给一些网站给我看濒临灭绝动物、我的世界预约等网站，并深深吸引，好像抓到自己从事视频后期无法得到的东西————与用户…

本文主要对 CSS 布局中常见的经典问题进行简单说明，并提供相关解决方案的参考链接，涉及到三栏式布局，负 margin，清除浮动，居中布局，响应式设计，Flexbox 布局，等等。

CSS3 相关知识点：布局、 浮动、 盒子模型、 弹性和模型、 选择器优先级、 居中定位、 兼容性、 hack 写法。

上回说了组件（vue组件开发练习--焦点图切换）的一个练习项目，这次换下口味，说下vue的插件练手的项目。相对于现在之前的焦点图切换的组件，这个可能就更简单了，基本就是熟悉下插件开发的步骤就可以了！这个项目，我更建议大家动手练习了，这个弹窗比之前的焦点图更加的实用性，也更常用。…

前端布局非常重要的一环就是页面框架的搭建，也是最基础的一环。在页面框架的搭建之中，又有居中布局、多列布局以及全局布局，今天我们就来总结总结前端干货中的CSS布局。 1）使用inline-block+text-align （1）原理、用法 原理：先将子框由块级元素改变为行内块元素…