2 つの画像と次のようなテキストを表示する必要があります。
---------------------------------------------- img1--------中央揃えのテキスト-------img2 ----------------------------------------------
- img1 と img2 は同じサイズではありませんが、幅は非常に近いです
- テキストは、表示されるページによって異なり、1 行ではなく 2 行含まれる場合があります。
- テキストは、2 つの画像の間、またはコンテナーの外側の間で水平方向に中央に配置する必要があります (どちらでもかまいません)。
- テキストと画像は、コンテナー内の垂直方向の中央に配置する必要があります。
私はこれをテーブルで非常に簡単に行うことができますが、レイアウトのためにそれに後退したくありません. position:inline-block
および属性はdisplay:table-cell
、一部のブラウザーではうまく機能しますが、IE6+ をサポートする必要があります。