2011-11-23 18 views
2

なぜこれらのイメージが中央に浮かないのでしょうか?私は物事がクリアされないようにすべてのものをフローティングしましたが、マージン:autoとtext-align:center;何の効果もないようです。CSSフローティングのセンタリング

私は画像のグループの両側のマージンがdb.tt/aNu8zBVl

このスクリーンショットに示されている多くの感謝と同じようにしたいと思います - ここJSfiddleだ - http://jsfiddle.net/SparrwHawk/UWYv3/3/


EDIT

Iは、画像群の両側のマージンが同じになりたい:

Image of how I want it to look

+1

'text-align'は要素の* content *を参照し、その配置には影響しません。 – Viruzzo

答えて

3

jsfiddle.netに投稿したコードは、タイルの画像になります。その点では、正常に動作しています。

あなたは何を達成するためにを試してもいいですか?

マークBが指摘したようにあなたは、タイプミスを持っている:text-align: center(ない中央を)。

text-align:centerは、浮動小数点型であるため、<img>には影響しません。

  1. This example is floated, but also has clear: left so there will only be one image per line.(おそらくこれは、あなたが達成しようとしている何ですか?)私はそれが浮かん要素に影響を与えないことを実証するためにtext-align:centerを左:

    は、ここでは、この原理を説明するための2例です。

  2. This example is not floatedご覧のとおり、text-align:centerはその仕事をしています。
+0

返信いただきありがとうございます。私は、画像のグループの両側の余白を同じにしたいと思います。これは物事をより明確にするか? http://db.tt/aNu8zBVl – SparrwHawk

+0

それは良い質問です。私はそれをどうやって行うのか分からない。 – JohnB

関連する問題