私は似たようなものがいたるところに投稿されているのを見て、ここ数日間それらの多くを試しましたが、どこにも到達できないようです. 純粋な CSS ソリューションを目指しています。
そのため、コンテナ/親 div があり、その中に左右の div があります。コンテナーは、左右の div の大きい方に合わせて垂直方向に伸びます (どちらも高さは不明です)。左の div は左にフロートされ、サイズが不明な画像が含まれており、右の div には (画像に関する) テキストが含まれます。概念的には、親 div の内側の左側に垂直方向に中央揃えの画像が必要で、画像の右側にテキストが必要です。フロート以外にそれを行うための他の構造がある場合 (たとえば)、私はオープンです。
jsfiddle の状況のテンプレートを作成しました: http://jsfiddle.net/hoopadoop/GEkaW/
私はdisplay:tables;を試しました。vertical-align: middle;、background:url(image) no-repeat center center;、および余白を詰めます。これまでのところ、実際に機能しているのは html を使用することだけですが<tables>、CSS に固執したいと思います。
たぶん、構文が間違っているか、何かばかげているだけかもしれませんが、何も機能していないようです。どんな助けでも大歓迎です