一般的に、ページの水平方向の中央揃えは、特に初心者にとって頭痛の種です。ブラウザ間の非互換性も大きな問題を引き起こす可能性があります。ページを水平方向に中央揃えする一般的な方法について説明します。
以下の内容については「cssを使いこなす」をご覧ください。
html コード:
コードは次のとおりです。
<body>
<div id="wrapper">
</div>
</body>
ie居中办法：
body {
text-align:center;
min-width:760px;
}
#wrapper {
width:720px;
text-align:left;
}ie は text-align:center を誤って、テキストだけでなくすべてを中央に配置します。次に、コンテナの内容を左側に再配置します。
ie 以外:
コードは次のとおりです:
#wrapper {
width:720px;
margin:0 auto;
}
ie および ie 以外と互換性を持たせるにはどうすればよいですか?
コードは次のとおりです:
#wrapper {
width:720px;
position:relative;
left:50%;
margin-left:-360px;
}
まず、コンテナの左端をページの中央に配置します。をクリックして、幅の半分を左に移動します。
上記は、css レイアウト web ページの水平方向の中央揃えの一般的な方法です_体験交換の内容です。その他の関連コンテンツについては、php 中国語 web サイト (www.php.cn) に注目してください。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
