1

(コード: http://jsfiddle.net/T4hrK/ )

私は見て、見て、方法を見つけることができません。div私はインナーを中心にしたいアウターを持っていdivます。内部divには、インライン要素 (たとえば、ギャラリーの画像など) の束が含まれており、インライン ブロック要素、またはフローティング ブロック要素など、何でも作成したいと考えています。

ただし、内側の div 内に「多すぎる」インライン要素がある場合、それらは新しい行にラップされます。ここにキャッチがあります。結果を正確に含むようにサイズを変更するのではなく、親の幅に合わせてサイズを変更します。 . その場合、親の幅があるため、親の内側に中央揃えすることはできません。

私が望むのは、内側のインライン要素がそれらを含む内部で左揃えになることですdivが、それdivが正確にそれらを囲むことで、親の内側に中央揃えできるようにすることです。

例：

<div style="border:1px solid red; padding:2px;">
  <div style="display:inline-block; border:1px solid green;">
    <span>1234567</span>
    <span>1234567</span>
    <span>1234567</span>
    <span>1234567</span>
  </div>
</div>

内側 (緑)divは「広すぎます」: 狭かった可能性がありますが、そのままでは赤の中央に配置できませんdiv。

この例では、もちろん、spanは私の画像であり、緑divはそれらを正確にラップ/包含/囲む必要があるdivものであり、赤は緑を中央に配置したいものですdiv.

4

2 に答える 2

1

text-align: center;このフィドルに従って、親divに追加するのはどうですか: http://jsfiddle.net/T4hrK/12/

于 2013-05-31T10:46:39.347 に答える