使用場景在定位流中,一般都是絕對定位

假設定位塊級元素長1000PX寬40PX.

默認情況是靠左上角顯示,如果需要居中.

一般方法是:

left: 50%;
margin-left: -500px;

使用calc函數可以一行代碼解決這個問題

left: calc(50% - 500px)

需要注意的是，運算符前后都需要保留一個空格，例如： calc(100% - 10px)；

總結

以上是生活随笔為你收集整理的CSS之cacl()函数的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。