Я пытаюсь центрировать выравнивание этих изображений, но они просто не пойдут. Я пытаюсь объединиться с калибровкой и выравниванием по левому краю, но ничего не работает. Что я делаю?
Здесь JSFiddle: http://jsfiddle.net/4uGtq/embedded/result/
left-align:50%; /* Doesn't work */
Когда я пытаюсь выполнить демонстрацию (в 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/
#icon-wrapper a {
display: inline-block;
width: 175px;
height: 175px;
}
Ширина и высота необходимы в этом случае, потому что вы полностью позиционируете изображения. Если бы у вас не было ширины и высоты, все бы влюбилось в себя.