首页 相关文章 CSS实现不定高度DIV绝对居中

CSS实现不定高度DIV绝对居中

  一般来说,指定高度的DIV垂直和水平居中比较方便,而不定高度的话就稍微麻烦了点,我尝试了一下,通过2个辅助的DIV实现了绝对居中,兼容IE和FF等标准浏览器。

  CSS代码:

#wrapper{height:100%;width:100%;overflow:hidden;position:relative}
#wrapper[id]{display:table;}
#mid{position: absolute;top:50%;left:50%}
#mid[id]{display:table-cell;left:0;vertical-align:middle;position:static}
#box{position:relative;top:-50%;left:-50%;z-index:9999;width:300px}
#box[id]{left:0;margin:0 auto;}
div.boxstyle{border:2px solid #000;text-align:center;padding:5px;}

  XHTML代码:

div id="wrapper"
div...[ 查看全文 ]

2016-02-19 标签:

CSS实现不定高度DIV绝对居中的相关文章

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