Задать вопрос
StupidNick
@StupidNick
html

Почему картинка не выравнивается по центру?

html код:
<body>
	<header>
		<div id="logo">
			<a href="#">
				<img src="img/logo.svg" alt="logo">
			</a>
		</div>
	</header>
</body>


css код:
header>div#logo>a>img {
	width: 25%;
	margin: auto;
}


Почему картинка не выравнивается по центру?
  • Вопрос задан
  • 1543 просмотра
11 комментариев
Подписаться 1 Оценить 11 комментариев
Пригласить эксперта
Ответы на вопрос 3
Ankhena
@Ankhena Куратор тега CSS
Нежно люблю верстку
header>div#logo>a>img
Что это? Может от html начинать?

Почему картинка не выравнивается по центру?

Потому что она не блочная.
Ссылка, кстати, тоже. (Наверное. Не видно)
Ответ написан
Комментировать
Комментировать
space2pacman
@space2pacman Куратор тега CSS
Просто царь. 
#logo {
  text-align: center;
}
Ответ написан
2 комментария
2 комментария
@Rheinmetall
Могу сморозить глупость
Все очень просто. Открываешь инспектор в браузере и смотришь на свою картинку. Там ты увидишь что у нее display: inline; а стало быть применение к ней margin: auto; не имеет смысла.
Под спойлером неверная информация. Ошибся
А инлайновой она стала потому что ты запихнул ее в ссылку, что не возбраняется, но, как видишь, стоит учитывать что при этом свойства картинки изменятся.
Ответ написан
2 комментария
2 комментария
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Тестировщик-стажёр
ITooLabs • Тула
от 35 000 до 40 000 ₽
Fullstack PHP Developer
Smapse Education
от 40 000 до 65 000 ₽
Trainee - IT Support
move2usajobs.com LLC • Лос-Анджелес
от 2 000 до 4 000 $
Ещё вакансии
Заказы с Хабр Фриланса
Подключить сервер к сети
27 апр. 2024, в 02:39
1500 руб./за проект
Необходимо сверстать приложение согласно макету Figma используя React
26 апр. 2024, в 22:22
1500 руб./за проект
Написать модуль подключения матрицы Sony к ПЛИС (Verilog)
26 апр. 2024, в 21:30
15000 руб./за проект
Ещё заказы