假设我有一个占据整个空间的块,里面有一个固定宽度的块,像这样居中:
<div>
<div style="width: 800px; margin: 0 auto">...</div>
<div>
Run Code Online (Sandbox Code Playgroud)
如果我要尽量减少页面上元素的嵌套,下面的解决方案会更慢吗?
<div style="padding: 0 calc((100% - 800px)/2)">
...
<div>
Run Code Online (Sandbox Code Playgroud)
我试图做基准测试,但我从来没有做过,所以我可能把它搞砸了:http : //jsperf.com/css3-calc-test/14
它表明 calc 版本的速度要快得多。