我们在网页布局的时候，经常会碰到需要居中的情况，那下面就来讲一下有哪几种目前比较常用的居中方案，它们的优点和缺点分别又是什么。 一、水平居中 方法①：（父元素）text-align，（子元素）inline-block 这个是比较传统的做法，而且代码量 ...

较为全面的使用方法的文章，又由于最近项目工作繁忙，所以一周过去了还没有写，今天抽空写了这篇文章，至于那个插件 ...

最近这些天都在弥补css以及css3的基础知识，在打开网页的时候，发现了火狐默认首页上有这样一个东西。 第一个css属性就没有看懂。于是乎，开始各种找资料，各种看书。这些天把对于css3伸缩布局盒（flexbox）模型的理解写成博文，目的是对flexbox做一个简单的介绍 ...

.parent{ justify:center; align-items:center; display:-webkit-flex } ...

　　经典的css布局有以下几种，下面分别用不同的方法进行实现且进行对比。 一、水平居中 　　水平居中布局指的是当前元素在父级元素的容器中，水平方向上显示的是居中的，有以下几种方式来完成布局： 　　1、margin:0 auto; text-align:center实现水平居中 ...

布局：<div class="outerContainer"> <div class="innerContent"></div></div> 样式：.outerContainer{ width:100%; height:100 ...

如何让子元素在父元素中上下左右居中？ 经过在“逆战班”的学习我们已经掌握了三种方法： 1. 定位 + 拉取 (子元素固定大小) 2. margin:auto + position的上下左右0 3. 定位 + 位移50% 这周的学习又让我们学习到了第四种方案来解决 ...

...