3

2 つの画像と次のようなテキストを表示する必要があります。

----------------------------------------------
img1--------中央揃えのテキスト-------img2
----------------------------------------------
  • img1 と img2 は同じサイズではありませんが、幅は非常に近いです
  • テキストは、表示されるページによって異なり、1 行ではなく 2 行含まれる場合があります。
  • テキストは、2 つの画像の間、またはコンテナーの外側の間で水平方向に中央に配置する必要があります (どちらでもかまいません)。
  • テキストと画像は、コンテナー内の垂直方向の中央に配置する必要があります。

私はこれをテーブルで非常に簡単に行うことができますが、レイアウトのためにそれに後退したくありません. position:inline-blockおよび属性はdisplay:table-cell、一部のブラウザーではうまく機能しますが、IE6+ をサポートする必要があります。

4

1 に答える 1

4
<style type="text/css">
#image1 { float: left; }
#image2 { float: right; }
#text { text-align: center; }
</style>
于 2010-06-09T18:19:40.253 に答える