CSS:绝对定位元素实现水平居中
2014-05-11 11:42
381 查看
绝对定位的元素left设为50%时，是已左上角为原点的，所以只要再使用margin属性添加负值补偿回来即可。示例：
#board{
width:60%;
padding:3%;
background:#09F;
position:absolute;
top:0px;
left:50%;
margin-left:-30%;
}这样就能使得一个蓝色区域水平居中
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- CSS实现文字或图片等元素垂直、水平、绝对定位居中技术
- 盘点8种CSS实现垂直居中水平居中的绝对定位居中技术
- 盘点8种CSS实现垂直居中水平居中的绝对定位居中技术
- margin:auto实现绝对定位元素的水平垂直居中
- 实现绝对定位元素的水平垂直居中
- 盘点8种CSS实现垂直居中水平居中的绝对定位居中技术
- 盘点8种CSS实现垂直居中水平居中的绝对定位居中技术
- 盘点8种CSS实现垂直居中水平居中的绝对定位居中技术
- 盘点8种CSS实现垂直居中水平居中的绝对定位居中技术
- margin:auto实现绝对定位元素的水平垂直居中
- 盘点8种CSS实现垂直居中水平居中的绝对定位居中技术
- 盘点8种CSS实现垂直居中水平居中的绝对定位居中技术
- 盘点8种CSS实现垂直居中水平居中的绝对定位居中技术
- CSS实现垂直居中水平居中的绝对定位居中技术
- Absolute 盘点8种CSS实现垂直居中水平居中的绝对定位居中技术
- CSS实现垂直居中水平居中的绝对定位居中技术
- margin:auto实现绝对定位元素的水平垂直居中（粘贴过来的）
- 盘点8种CSS实现垂直居中水平居中的绝对定位居中技术
- 盘点8种CSS实现垂直居中水平居中的绝对定位居中技术（转载csdn）
- 小tip: margin:auto实现绝对定位元素的水平垂直居中