使用场景在定位流中,一般都是绝对定位
假设定位块级元素长1000PX 宽40PX.
默认情况是靠左上角显示,如果需要居中.
一般方法是:
left: 50%;
margin-left: -500px;
使用calc函数可以一行代码解决这个问题
left: calc(50% - 500px)
需要注意的是,运算符前后都需要保留一个空格,例如: calc(100% - 10px)
;
使用场景在定位流中,一般都是绝对定位
假设定位块级元素长1000PX 宽40PX.
默认情况是靠左上角显示,如果需要居中.
一般方法是:
left: 50%;
margin-left: -500px;
使用calc函数可以一行代码解决这个问题
left: calc(50% - 500px)
需要注意的是,运算符前后都需要保留一个空格,例如: calc(100% - 10px)
;