1

写真をスパンの中央に配置したい。スパンにはクラスcenterMeがありますが、写真には影響しません。

のマークアップcenterMe:

.region.region-footer .centerMe{
    text-align: center;
  }

この例はJSFiddleにあります。

助けてくれてありがとう

4

3 に答える 3

1

spanインライン要素であるため、発生していません。

text-align:center画像の合計幅とスパンの幅がまったく同じであるため、影響はありません。幅を 100% にすると、違いがわかるのは自分だけです。

また、widthプロパティはinline要素では機能しないため、blockまたはに変更しinline-blockます。

マークアップに追加width:

.centerMe {
    width:100%;
    display:inline-block;
}

ここでフィドルを更新しました。

別の解決策は、を使用するのではなく、またはblockのような任意の要素を使用することです。divpsectionspan

于 2014-07-18T06:50:27.777 に答える
0

text-align:インライン要素でその方法を使用することはできません。

それを達成したい場合は、スパンを<p>ブロックである要素に変更する必要があります。

于 2014-07-18T06:50:16.727 に答える
0

スパン自体には全幅がないため、画像を中央に配置するスペースがありません。 を に変更することでこれを解決できspanますdiv。

display: blockまたは、CSSに追加して div のように動作させることもできます。

.centerMe{
    display: block;
    text-align: center;
  }

または、ヒラルが提案したように、それを与えることもできますがwidth: 100%、境界線、パディング、およびマージンも考慮する必要があります。ブロック要素のように振る舞うことで、利用可能なスペースを自動的に占有するようになり、より柔軟なソリューションになると思います。

于 2014-07-18T06:50:22.440 に答える