五种实现垂直居中的方法
之前看到很多人一直在问这个问题，但我并不是认真的，因为在CSS垂直，大多是在高度的情况下，或容器的高度不确定的情况下，看起来更舒服，但也认识到很多。但最近，一些人问了几个例子。现在我的经验和分享它。我希望你能鼓掌。方法一：将div的一些显示表单设置到表中，这样我们就可以使用表的垂直对齐属性。
结构效果如下：
CSS
复制代码代码如下所示：
DIV #包装{
显示：表；
宽度：500px；
身高：500px；
背景颜色：# C00；
}
DIV #排{
显示：表行；
}
DIV #细胞{
显示：表单元格；
垂直对齐：中间；
}
HTML
复制代码代码如下所示：
如果你想卖剩下的糖水给我
优点：不受内容内容的限制，垂直中心的简单实现；
缺点：不兼容的ie6,7
方法二：此方法使用绝对位置div，将其顶部设置为50%，并将边距顶部设置为负的内容高度。这意味着该对象必须在CSS中指定一个固定的高度。
结构效果如下：
CSS
复制代码代码如下所示：
DIV #包装{
职位：相对；
宽度：500px；
身高：500px；
背景颜色：# C00；
}
DIV #内容{
位置：绝对；
顶部：50%；
左：0；
宽度：400px；
身高：300px；
边距：- 150px；
背景颜色：粉红色；
}
HTML
复制代码代码如下所示：
优点：兼容性好
缺点：有必要知道内容框的高度，并且有这个限制。
方法三：这种方法和方法的原理是一样的，不多讲代码。
CSS
复制代码代码如下所示：
{。包
身高：500px；
宽度：500px；
背景颜色：粉红色；
}
{。附加
身高：50%；
利润率底：- 120px；
}
{ #内容
身高：240px；
宽度：70%；
背景颜色：# 000；
}
HTML
复制代码代码如下所示：
优缺点与法律21，附加标签的缺陷；
方法四：这种方法使用一个位置：绝对有一个固定的宽度和高度分这个div设置为上：0；下：0；，而是因为它有一个固定的高度，它不能有距离的上下0，所以保证金：自动将其保持在中。使用保证金：汽车；它制作简单块垂直在中间层次的元素。
结构效果如下：
CSS
复制代码代码如下所示：
{ #内容
位置：绝对；
顶部：0；
底部：0；
左：0；
权利：0；
保证金：汽车；
身高：240px；
宽度：70%；
背景颜色：# 000；
}
HTML
复制代码代码如下所示：
这里的内容
优点：非常简单
缺点：不兼容的ie6,7
方法五：这种方法只能放在单行文本中，只需设置线的高度作为该对象的高度值可以使文本处于中间位置。