2

あるdivを別のdivの中央に配置しましたが、中央に配置された内側のdivの内容を左揃えにします。これどうやってするの？

私の現在のHTMLは次のようになります。

<div style="border: solid 1px #ff0000;text-align:center;">     
  <div style="border:solid 1px #00ff00;">
      <img src="/some_url_1/" style="width: 80px; height 80px; border: 0"/>
      <img src="/some_url_2/" style="width: 80px; height 80px; border: 0"/>
  </div>
</div>

現在、画像は内側のdivの内側に中央揃えされていますが、中央の内側のdivの内側の左側に配置したいと思います。

私が欠けているものはありますか？

4

2 に答える 2

7

マージンを使用して内側の要素を中央に配置します。

<div id="outer">
    <div id="inner">
        Things to align to the left
    </div>
</div>

次の CSS を使用します。

#inner {
    width: 75%;
    margin: 0 auto;
    text-align: left; /* generally don't need to explicitly state this */
}

デモ: http://jsfiddle.net/W95Qy/

また、友好的な提案として、CSS を HTML からできるだけ除外するようにしてください。一般に、この分野で作業する際に、コードを読みやすく、管理しやすくし、長期的な正気を保つことができます;)

于 2012-12-01T17:01:26.167 に答える
0

text-align: left次のように、内側の divを使用してこれを行うことができます。

<div style="border: solid 1px #ff0000; text-align: center;">     
  <div style="border:solid 1px #00ff00; text-align: left;">
      <img src="/some_url_1/" style="width: 80px; height 80px; border: 0"/>
      <img src="/some_url_2/" style="width: 80px; height 80px; border: 0"/>
  </div>
</div>

</p>

于 2012-12-01T17:01:17.310 に答える