亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

CSS 實(shí)現(xiàn)未知內(nèi)容高度的垂直水平居中(改良版)

  發(fā)布時(shí)間：2009-06-05 22:59:57   作者：佚名   我要評(píng)論
垂直居中在IE瀏覽器下的實(shí)現(xiàn)比較難實(shí)現(xiàn)，而更難實(shí)現(xiàn)的應(yīng)該是未知內(nèi)容高度的垂直水平居中！還好網(wǎng)上也有很多高人發(fā)布了一些解決的方法！這里我進(jìn)行了一些改良，兼容FF，IE6，IE7，Opera...如發(fā)現(xiàn)問(wèn)題有勞回復(fù)評(píng)論！ [code] <mce:style><!-- *{margin:0;padding:0;b
垂直居中在IE瀏覽器下的實(shí)現(xiàn)比較難實(shí)現(xiàn)，而更難實(shí)現(xiàn)的應(yīng)該是未知內(nèi)容高度的垂直水平居中！還好網(wǎng)上也有很多高人發(fā)布了一些解決的方法！這里我進(jìn)行了一些改良，兼容FF，IE6，IE7，Opera...如發(fā)現(xiàn)問(wèn)題有勞回復(fù)評(píng)論！

復(fù)制代碼
代碼如下:

<mce:style><!--
*{margin:0;padding:0;border:none;font:12px Verdana,"宋體";}
#outer{height:400px;width:400px;display:table;background-color:#08f;overflow:hidden;*position:relative;}
#middle{width:100%;display:table-cell;vertical-align:middle;*position:absolute;*top:50%;}
#inner{*position:relative;*top:-50%;text-align:center; background:#F00;}
#inner img{vertical-align:middle;*position:relative;*top:-1px;}
--></mce:style><style mce_bogus="1">*{margin:0;padding:0;border:none;font:12px Verdana,"宋體";}
#outer{height:400px;width:400px;display:table;background-color:#08f;overflow:hidden;*position:relative;}
#middle{width:100%;display:table-cell;vertical-align:middle;*position:absolute;*top:50%;}
#inner{*position:relative;*top:-50%;text-align:center; background:#F00;}
#inner img{vertical-align:middle;*position:relative;*top:-1px;}</style>
<body>
<div id="outer">
<div id="middle">
<div id="inner">
<!--可以放任何文本標(biāo)簽<p/>等或者圖片標(biāo)簽<img/>-->
</div>
</div>
</div>
</body>

相關(guān)文章

最新評(píng)論