5

スペース全体を占めるブロックがあり、その中に固定幅のブロックがそのように中央に配置されているとします。

<div>
  <div style="width: 800px; margin: 0 auto">...</div>
<div>

ページ上の要素のネストを最小限に抑える場合、次のソリューションは遅くなりますか?

<div style="padding: 0 calc((100% - 800px)/2)">
  ...
<div>

ベンチマークを作成しようとしましたが、作成したことがないため、おそらくどこかで台無しにしました: http://jsperf.com/css3-calc-test/14

これは、calc バージョンがこれまでになくわずかに高速であることを示しています。

4

0 に答える 0