1 
<div style="width:400px">
  <p style="text-align:center">
    <a>
      <img src"..." />
    </a>
    Some text..
  </p>
</div>

したがって、ここでの目標は、画像を div 内の中央に配置することです。Text-align:center は、ハイパーリンク タグ内にない画像に作用しますが、ハイパーリンク タグ内にあると、それらには影響せず、テキストのみに影響します。

私は display:block と margin-left/right auto を使用したくありません。単純に、float を使用していくつかの画像を左右に揃える必要があるからです。

ハイパーリンクがテキスト整列を妨げる理由はありますか?

4

1 に答える 1

0

text-align:center;親アンカーを追加して、画像をアンカーリンク内の中央に揃える必要もあります。

<div style="width:400px">
    <p style="text-align:center;">
        <a style="text-align:center;">
            <img src"..." />
        </a>
        Some text..
    </p>
</div>
于 2013-09-19T08:50:20.493 に答える