Выровнять изображения по центру

0

Я пытаюсь центрировать выравнивание этих изображений, но они просто не пойдут. Я пытаюсь объединиться с калибровкой и выравниванием по левому краю, но ничего не работает. Что я делаю?

Здесь JSFiddle: http://jsfiddle.net/4uGtq/embedded/result/

left-align:50%; /* Doesn't work */
  • 1
    Выровнять их с чем? Выглядит довольно хорошо для меня.
Теги:
image
alignment

2 ответа

1

Когда я пытаюсь выполнить демонстрацию (в Chrome), изображения выравниваются по центру в виде группы, если я не изменяю размер браузера более чем на 1300 пикселей в ширину. Так что, учитывая, что у вас есть куча @media only screen правила @media only screen для разной max-width и наибольшее число, к (max-width: 1300px) это (max-width: 1300px) что поведение имеет смысл, не так ли?

Измените эту строку:

@media only screen and (max-width: 1300px) {

к этому:

@media only screen and (min-width: 1001px) {

и он должен исправить это, как показано здесь: http://jsfiddle.net/4uGtq/6/embedded/result/

  • 0
    Это не работает, когда я размещаю на своем сайте
0
#icon-wrapper a {
    display: inline-block;
    width: 175px;
    height: 175px;
}

Ширина и высота необходимы в этом случае, потому что вы полностью позиционируете изображения. Если бы у вас не было ширины и высоты, все бы влюбилось в себя.

Ещё вопросы

Сообщество Overcoder
Наверх
Меню