武林網(wǎng)(www.survivalescaperooms.com)文章簡(jiǎn)介：網(wǎng)頁(yè)制作技巧:清除浮動(dòng)和圖片水平垂直居中。
1、如何清除浮動(dòng)
方法1：
#test{clear:both;}#test為浮動(dòng)元素的下一個(gè)兄弟元素
方法2：
#test{display:block;zoom:1;overflow:hidden;}#test為浮動(dòng)元素的父元素。zoom:1也可以替換為固定的width或height
方法3：
#test{zoom:1;} #test:after{display:block;clear:both;visibility:hidden;height:0;content:'';}#test為浮動(dòng)元素的父元素
2、如何讓未知尺寸的圖片在已知寬高的容器內(nèi)水平垂直居中？
#test{display:table-cell;*display:block;*position:relative;width:200px;height:200px;text-align:center;vertical-align:middle;} #test p{*position:absolute;*top:50%;*left:50%;margin:0;} #test p img{*position:relative;*top:-50%;*left:-50%;vertical-align:middle;}#test是img的祖父節(jié)點(diǎn)，p是img的父節(jié)點(diǎn)。
新聞熱點(diǎn)
疑難解答
圖片精選
