您好,欢迎来到二三四教育网。
搜索
您的当前位置:首页CSS绝对定位实现水平/垂直居中

CSS绝对定位实现水平/垂直居中

来源:二三四教育网

1.元素定宽
left:10%;
right:10%;
margin:auto;
width : 100px;
left和right根据实际情况来设置 百分比是参照父元素的宽度的。也可以为定值
如果margin-left margin-right都不为auto,则right会被重新计算
当父元素宽度变化到没有left+right+元素的width的和大时,位置会发生偏差

2.元素不定宽
left:10%;
right:10%
元素宽度会随父元素宽度变化

同理也能实现垂直居中
对于定高:
bottom : 10%;
top:10%;
margin : auto(必须要有,不然在后面声明的top就会覆盖bottom,不定高的可以没有)

Copyright © 2019- how234.cn 版权所有 赣ICP备2023008801号-2

违法及侵权请联系:TEL:199 1889 7713 E-MAIL:2724546146@qq.com

本站由北京市万商天勤律师事务所王兴未律师提供法律服务