@Anatolievna

Как разместить изображения по центру?

64aa6aa30db31654678771.png
  • Вопрос задан
  • 99 просмотров
Пригласить эксперта
Ответы на вопрос 2
Можно так:
• карточка фиксированной высоты,
• изображение абсолютное, z-index минимальный
.card {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	height: 320px;
	position: relative;
	border-radius: 6px;
	overflow: hidden;
	transform: translateZ(0);
}

/* размеры изображения задайте самостоятельно */
.card__image {
	width: 50%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	z-index: 1;
}

.card__image img {
	width: 100%;
	height: auto;
	vertical-align: top;
}

.card__title {
	z-index: 2;
}

.card__price {
	z-index: 2;
}
Ответ написан
@MegaEdwards
Все просто, в начале и конце поставьте тэги центра
<center> Ссылка на изображение </center>
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы