CSS絕對定位元素left設為50%實現(xiàn)水平居中
發(fā)布時間:2014-09-04 09:34:12 作者:佚名
我要評論

絕對定位的元素left設為50%時,是已左上角為原點的,所以只要再使用margin屬性添加負值補償回來即可,下面示例代碼,需要的朋友可以參考下

絕對定位的元素left設為50%時,是已左上角為原點的,所以只要再使用margin屬性添加負值補償回來即可。示例:
[css]
復制代碼
代碼如下:#board{
width:60%;
padding:3%;
background:#09F;
position:absolute;
top:0px;
left:50%;
margin-left:-30%;
}
這樣就能使得一個藍色區(qū)域水平居中
相關文章
- 這篇文章主要為大家介紹了絕對定位元素被遮擋的解決方法,涉及使用css絕對定位的使用技巧,非常具有實用價值,需要的朋友可以參考下2014-12-13
- 當絕對定位元素的鄰近浮動元素的寬度大于父層寬度減3時,該絕對定位元素在ie6下面會隱藏,解決方法就是調整浮動元素的寬度,即寬度小于或等于父層寬度減32014-06-05
- 設置絕地定位的元素必須設置兩個相對定位的元素,也就是小A的紅色框框,和小C的藍色框框,設置他們的層級關系,下面有個示例,大家可以參考下2014-03-31
- 在某些時候可能需要將一個絕對定位的div在它的父對象中垂直居中對齊,可能用到的頻率不是太高,但是偶爾也會用到,下面就簡單介紹一下如何實現(xiàn)此功能2014-01-27
- 本文主要介紹了css的絕對定位的使用方法,大家參考使用吧2014-01-27
- 下面小編就為大家?guī)硪黄嘘P絕對定位的全面理解。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2016-07-20