Центрирование CSS Float - PullRequest
       2

Центрирование CSS Float

2 голосов
/ 23 ноября 2011

Может кто-нибудь понять, почему эти изображения не будут плавать в центре?Я переместил все, что осталось, так что все не очищается, но поля: auto и text-align: center;похоже, что ничего не дает.

Мне бы хотелось, чтобы поля с обеих сторон группы изображений были такими же, как показано на этом снимке экрана db.tt/aNu8zBVl

Большое спасибо - вотJSfiddle - http://jsfiddle.net/SparrwHawk/UWYv3/3/


РЕДАКТИРОВАТЬ

Я хотел бы, чтобы поля с обеих сторон группы изображений были одинаковыми:

Image of how I want it to look

1 Ответ

3 голосов
/ 23 ноября 2011

Код, который вы разместили на jsfiddle.net, будет плиткой изображений. В связи с этим работает нормально.

Можете ли вы представить картину того, чего вы пытаетесь достичь?

У вас есть опечатка, как отметил Марк Б.: text-align: center (не центр ).

Однако, text-align:center не окажет никакого влияния на <img>, потому что они плавают.

Вот 2 примера, иллюстрирующих этот принцип:

  1. Этот пример является плавающим, но также имеет clear: left, поэтому в каждой строке будет только одно изображение. (Возможно, это то, чего вы пытаетесь достичь?) Я оставил text-align:center, чтобы продемонстрировать, что не влияет на плавающие элементы.
  2. Этот пример не всплывает , и, как вы можете видеть, text-align:center выполняет свою работу.
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...