Fork me on GitHub

css计算属性

比如说,当我一个元素需要位移,比如我需要居中,但是当父元素没有相对定位,它又不能定位居中,设置margin-left:50%也会出现本身宽度的一半的偏差,还得在偏回来,麻烦。

所以这里给大家介绍一个计算属性:

calc(百分比 - 像素)

百分比减掉像素值


// 需要居中的盒子
.box{
width:500px;
height:400px;
margin-left:calc(50% - 250px);
margin-top:calc(50% - 200px);
}
友情提示:注意加空格百分比和像素和减号之间

好了,以上就是简单的介绍,当然它的用途还不止于此,需要大家慢慢去了解。

posted @ 2021-04-26 20:52  Kaicy  阅读(1445)  评论(0)    收藏  举报