-3

Webページのサイズを変更するときに左揃えにする必要がある複数の画像がありますが、divブロックは中央に配置されたままです。現在、それらはすべて中央に配置されています。

下記参照：

ここに画像の説明を入力

ここに私のHTMLとCSSコードがあります:

<div class="widget-content" style="text-align:center;">
    <img class="medium_thumb_rounded" id="15" src="my-img-src.jpg">
    <img class="medium_thumb_rounded" id="15" src="my-img-src.jpg">
    <img class="medium_thumb_rounded" id="15" src="my-img-src.jpg">
    <img class="medium_thumb_rounded" id="15" src="my-img-src.jpg">
    <img class="medium_thumb_rounded" id="15" src="my-img-src.jpg">
    <img class="medium_thumb_rounded" id="15" src="my-img-src.jpg">
    <img class="medium_thumb_rounded" id="15" src="my-img-src.jpg">
</div>

CSS:

.widget-content {
  padding: 12px 15px;
  border-bottom: 1px solid #cdcdcd;
}

.medium_thumb_rounded {

  border: 1px solid #B6BCBF;
  /*float: left;*/
  height: 80px;
  width: 80px;
  margin-right: 1px;
  margin-bottom: 5px;
  
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
       border-radius: 3px;  
}

私が間違っていることは何か分かりますか？

4

4 に答える 4

0

あなたの問題はこの行です：

<div class="widget-content" style="text-align:center;">

中央揃えのテキストを削除します。

于 2013-05-10T17:34:40.713 に答える
0

text-align:center;の変更text-align:left;

于 2013-05-10T17:34:42.420 に答える
0

divを中央に保つには、これをに追加してみてください.widget-content：

margin:auto;

div を中央に配置しますが、div の内部には影響しません。text-align:centerこれを、次のように変化する他の人の回答と組み合わせて使用​​ しますtext-align:left

于 2013-05-10T17:36:12.407 に答える