margin: 0 auto;
ページのコンテンツを中央に配置するために使用しています。最近私は、 a で自動マージンを使用するbody
と、 (wrapper) で自動マージンを使用した場合と同じ視覚効果があることを発見しましたdiv
。
<!DOCTYPE>
<html>
<head>
<style>
div#wrapper {
margin: 0 auto;
width: 60%;
}
</style>
</head>
<body>
<div id="wrapper">
<!-- Rest of page. -->
</div>
</body>
</html>
に比べ;
<!DOCTYPE>
<html>
<head>
<style>
body {
margin: 0 auto;
width: 60%;
}
</style>
</head>
<body>
<!-- Rest of page. -->
</body>
</html>
(不要な)要素を削除するので、より良いようです。このアプローチを使用する際に考慮すべき落とし穴はありますか?