蚂蚁的博客

1、height + line-height 这个是大家最熟悉的垂直居中的方式（之一），但是这种方法只能用于单行文本。 2、line-height + line-block 这种方法是将多行文本当成一行文本对待，即在文本的外层包一层div，然后将其设置为inline-block，然后再将这个div外层的容器，用line-height代替height即可。 <div class="outer...

先看一个案例： 左边是导航部分，右边是详细内容，两者的高度都是不固定的，左边有可能会比右边高，反之亦然。也就是说两者的高度始终是保持一致的！ 下面进入正题： 1、利用border实现 <div id="wrapper"> <div