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

CSS中使用負(fù)margin值來調(diào)整居中位置

WEB開發(fā)者   發(fā)布時間：2015-07-15 16:23:06   作者：佚名   我要評論
這篇文章主要介紹了CSS中使用負(fù)margin值來調(diào)整居中位置的方法,文中同時提到了這種常用方法的一些值得注意的地方,需要的朋友可以參考下

這或許是最常用的居中方法。如果知道了各個元素的大小，設(shè)置等于寬高一半大小的負(fù)margin值（如果沒有使用box-sizing: border-box樣式，還需要加上padding值），再配合top: 50%; left: 50%;樣式就會使塊元素居中。
2015715161801771.jpg (607×399)

需要注意的是，這是按照預(yù)想情況也能在工作在IE6-7下的唯一方法。

CSS Code復(fù)制內(nèi)容到剪貼板
  1. .is-Negative {       
  2.         width: 300px;       
  3.         height: 200px;       
  4.         padding: 20px;       
  5.         position: absolute;       
  6.         top: 50%; left: 50%;       
  7.         margin-left: -170px; /* (width + padding)/2 */      
  8.         margin-top: -120px; /* (height + padding)/2 */      
  9. }      

　　好處：

    瀏覽器兼容性非常好，甚至支持IE6-7
    需要的編碼量很少

　　同時注意：

    這是個非響應(yīng)式的方法，不能使用百分比的大小，也不能設(shè)置min-/max-的最大值最小值。
    內(nèi)容可能會超出容器
    需要為padding預(yù)留空間，或者需要使用box-sizing: border-box樣式。


相關(guān)文章

最新評論