[Перевод] Сложнейшая проблема компьютерных наук: центрирование

[Перевод] Сложнейшая проблема компьютерных наук: центрирование

Заявляю: «Мы, как цивилизация, разучились использовать центрирование». Ну то есть мы, конечно, знаем, как это делать — очень просто: display: flex;justify-content: center; /* Горизонтальное центрирование */align-items: center; /* Вертикальное центрирование */ Не спрашивайте, почему вам нужно запомнить четыре слова вместо просто горизонтальное/вертикальное; всё равно лучше, чем было до этого. Ещё можно использовать сетку: display: grid;justify-items: center; /* Горизонтальное…

Подробнее
[Из песочницы] Центрирование изображений на странице

[Из песочницы] Центрирование изображений на странице

Вступление Люблю решать интересные задачи по верстке, а с учетом моего опыта в этой сфере, чуть больше 5 лет, такие задачи попадаются не часто. Недавно столкнулся сразу с несколькими такими задачами: 1. Центрирование изображения по центру страницы с сжатием его при ресайзе браузера. 2. Абсолютное центрирование изображение вне зависимости от размера окна браузера. В принципе и первая и вторая задача решаема с помощью маленького javascript но мне хотелось сделать это по уму…

Подробнее