私はこれに本当に苦労していますが、その理由がわかりません。テキストと画像を 1 行に配置し、幅 100% の div の中央に配置したいと考えています。ここにjsfiddleがあります..
1215 次
4 に答える
2
浮動要素は自動的にブロック レベルになります。を介してそれらを中央に配置することは不可能text-align: centerです。唯一の方法は、次のようにインライン ブロックにすることですdisplay: inline-block。が一番上になるように追加vertical-align: top;しましたh。実際の例は次のとおりです: http://jsfiddle.net/skip405/JnbeJ/4/
于 2012-04-25T20:24:04.937 に答える
0
クラス名が「centered」のラッパーを使用しているため、両方の要素 (display: inline-block;) を作成する代わりに、これを追加してラッパーのスタイルを設定します。
.centered {display: inline-block; margin: 0 auto;}
また、そこにある必要のないコンテナー css に追加の (text-align: center;) があります。
于 2012-04-25T21:02:06.480 に答える
0
画像とテキストを左にフロートさせ、同時に中央に配置することはできません...
于 2012-04-25T20:23:39.390 に答える
0
100% 幅の div があり (btw/ div は最初は 100% です)、その中に 100% 幅の div を中央に配置しようとしています。内側の div に幅を置くか、幅にすることができますinline-block。
于 2012-04-25T20:26:09.010 に答える