@itsnotviktoriaaa

Как отцентрировать картинку в круглом div?

6322c608ed714182322148.jpeg
6322c61484083795947100.jpeg
6322c61d985fc810344519.jpeg
6322c625ea6a0338117261.jpeg

Первые три картинки — как сейчас. Последняя — как должно быть
  • Вопрос задан
  • 70 просмотров
Пригласить эксперта
Ответы на вопрос 2
@exmach
Frontend Developer
Разве не банальный
display: flex;
align-items: center;
justify-content:center;

для read-more-ellipse?
Ответ написан
Комментировать
Ankhena
@Ankhena Куратор тега CSS
Нежно люблю верстку
Ваш код можно упростить до 4 тегов. div и 3 ссылки и именно они будут круглыми. Тем более, что эти картинки декоративные, т.е. их можно смело убрать в стили.
А фон центрируется с помощью bg position center.

Альтернатива это список (ul, li) со ссылками. А дальше по предыдущему плану: круглые ссылки с фоном.

Кстати, картинки по виду векторные, т.е. хорошо бы svg, а не png. Если не так, попросите у дизайнера.

Если прям хочется оставить картинки в контенте, то центрирование в круглых блоках ничем не отличается от центрирования в квадратных.
display: flex;
align-items: center;
justify-content:center;

Только опять же для ссылок, чтобы весь круг был кликабельной ссылкой.
Ответ написан
Комментировать
Ваш ответ на вопрос

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

Похожие вопросы