aliencash
@aliencash
Партизан

Как реализовать горизонтальное одинаковое выравнивание по центру нескольких блочных элементов?

Имеем несколько блочных элементов, расположенных один под другим. Нужно задать выравнивание по центру текста содержащего шрифты разных размеров. При этом центрирование должно происходить по конкретному слову, а положение остального текста в блоке не должно влиять на центрирование. Слова, по которым происходит выравнивание в разных блоках должны находиться одно под другим и все вместе выглядеть как выровненные по центру.

Для наглядности "слайды" (с)...
184182d23f4a4f86955e8fbdda3132b1.png
Слева простое выравнивание по левому краю, справа - как должно быть (пунктирная линия - для наглядности).

codepen.io/anon/pen/emwdGZ

ps: Поменял слайд на более корректный...
  • Вопрос задан
  • 212 просмотров
Решения вопроса 1
standy
@standy
Способ прост: побочным элементам делаем position: absolute, чтобы они не влияли на центрирование

Вот так: codepen.io/standys/pen/QwXKRb
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
LittleFatNinja
@LittleFatNinja
горе девелопер, любитель лютой садомии
разбей каждую строчку на 3 блока
блок слева-центральный-блок справа
и отцентрируй по блоку в котором будет необходимое слово
..просто будет тяжко этой кухней манипулировать

а сдендартных методов нет
Ответ написан
Ваш ответ на вопрос

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

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