Почему не центрирование img?

Обновление: Да, выставляя текст-выровнять: центр в содержащем div сделал трюк!Почему не центрирование img?

Я в затруднении относительно того, почему img не центрируется.

Вот CSS:

#add_next {  
    clear: both;  
    width: 79%; 
    margin-right: auto; 
    margin-left: auto; 
    margin-top: 20px; 
} 

.next_button { 
    height: 60px;  
    margin-top: 13px;  
    margin-left: auto; 
    margin-right: auto; 
    text-align: center; 
    -webkit-transition: all 0.1s;  
    transition: all 0.1s; 
}

А вот фрагмент кода HTML:

<div id="add_next"><a href=# ><img src="images/next button5.png" class="next_button" /></a></div>

источник

2015-01-30 Jonathan Grant

Вы пытались поставить 'text-align: center;' on '# add_next'? – j08691

положите границы на div и img, чтобы увидеть, где находятся ящики. вероятно, img IS с центром, но div - это точный размер изображения, поэтому центрирование невидимо. –

Вот трюк для решения ваших проблем сейчас и в будущем - щелкните правой кнопкой мыши на своей странице в браузере, нажмите «проверить элемент». Окно откроется внизу. Наведите указатель мыши на разные части кода, разверните их и просмотрите правый столбец, чтобы увидеть CSS различных частей страницы –

Если добавить к text-align:center; родительскому элементу сНа, он будет центром.

fiddle

источник

2015-01-30 17:31:58

Вы можете добавить display:block к изображению или text-align:center к охватывающему дел.

В данный момент это изображение является встроенным элементом, так что будет выравнивать в тексте по умолчанию выравнивания (обычно слева)

источник

2015-01-30 17:31:48

элементы Инлайн (а, IMG) не может быть центром с использованием авто полей, и вы не можете применить text-align: center; к элементу вы хотите центру.

попробуйте добавить text-align: center; в #add_next.

источник

2015-01-30 17:39:37 syntacular

Почему не центрирование img?

ответ

Смежные вопросы