-2

HTML / CSSを使用してWebサイトを作成していますが、ホームページにタグ<div>内にいくつかのタグがあり<div>ます。<div>内側のタグを外側のタグの中央に揃えることができないようです<div>。これが私が使用しているHTMLコードです（横に星が付いているものが私が整列させたいものです）。

    <div id="container">
<div align="center" id="box" style="background-color:black;width:375px;height:400px;border:0px solid #003300;">
<h1 id="heading"></h1>
<h2 id="otherheading"></h2>
**<div align="center" id="box" style="background-color:white;width:275px;height:225px;border:0px solid #003300;">**
<ul class="list-tick">
    <li></li>
    <hr>
    <li></li>
    <hr>
    <li></li>
    <hr>
    <li></li>
    <hr>
    <li></li>
</ul>
</div>

そしてこれは私のCSSです：

#container {
  margin: auto;
  width: 1125px;
}

#container div {
  float: left;
  height: 400px;
  width: 375px;
}

どんな助けでも大歓迎です。この問題についてさらに質問がある場合は、さらに詳しく説明します。

4

4 に答える 4

3

フロートを取り外し、これらを追加します

#container div {
  margin: 0 auto; /* Center Horizontally */
  height: 400px;
  width: 375px;
}
于 2012-09-18T13:10:05.487 に答える
0

これを書いてください：

#box
{
margin-left: auto;
margin-right: auto;
}
于 2012-09-18T13:07:02.750 に答える
0

cssでコンテンツを中央揃えにする完璧な方法はありません。ただし、この問題を解決するために少しトリックを使用できます。

あなたはここで私の解決策を見ることができます：http：//jsfiddle.net/kh7UT/

多くの場合、境界線は必要ありません。境界線は、トリックを示すために単純です。これは最も美しいマークアップではありませんが、機能します。

于 2012-09-18T13:19:02.580 に答える
0

試す

div#box
{
margin-left: auto;
margin-right: auto;
width:275px;
}

margin-left、margin-rightを'auto'に設定すると、コンテナの左右が自動的に調整されます。つまり、コンテナが中央になります。

于 2012-09-18T13:28:52.873 に答える