Steve's Site

1.导航条垂直居中导航条nav 从左到右分为 nav-left , nav-mid , nav-mid ，怎样达到从左到右依次排列，且全部垂直居中的效果呢？全部设置 float:left , 这样之后才可以方便的使 nav-left, nav-right, nav-right 都垂直居中，只需要设置一次父元素nav的 line-height 等于它的 height 就可以啦~1.1 ul>li>a 构成的导航条内部导航水平居中：ul设置 text-align:center;li和a都设置 displ...

目录常用居中方法水平居中垂直居中单列布局二列&三列布局float+marginposition+margin圣杯布局（float+负margin）双飞翼布局（float+负margin）flex布局总结1.常用居中方法居中在布局中很常见，我们假设DOM文档结构如下，子元素要在父元素中居中：XHTML1 2 3class="parent"> class="child">水平居中子元素为行内元素还是块状元素，宽度一定还是宽度未定，采取的布局方案不同。下面进行分析：行内元素：对父元素设置text-...

#图解 Flexbox 2 - 深入理解 本文图片、部分翻译来自原文 How Flexbox works — explained with big, colorful, animated gifs##属性#1 display: flex上面4个div默认为display: block我们给其父级容器添加#container { display: flex; }其实把每个 div添加了一个flex context (弹性上下文)#属性#2 Flex Direction一个 Flexbox 的容器有...