首页 相关文章 CSS定高多行垂直居中

CSS定高多行垂直居中

用Table布局可以很容易的实现文字和图片的垂直居中,但是在div的布局中呢,要实现定高容器里面的内容的垂直居中不是太简单的事情。

在DOM标准中

在IE中

综合

#boxOuter
{
display:table;
height:300px;
width:500px;
border:solid 1px black;
*position:relative;
}
#box
{
display:table-cell;
vertical-align:middle;
*position:absolute;
top:50%;
width:100%;
}
#boxInner
{
*position:relative;
width:100%;
top:-50%;
}

div id="boxOuter"
div id="box"
div id="boxInner"...[ 查看全文 ]

2016-02-19 标签:

CSS定高多行垂直居中的相关文章

手机页面
收藏网站 回到头部