Выровнять строки в колонках по базовой линии

213
27 декабря 2017, 18:57

В полиграфии есть такая фишка, можно выровнять текст в колонках таким образом, чтобы строки во всех колонках находились на одной линии. И даже если вставляешь картинки, текст не едет, а остается на этих линиях. Благодаря этому, много текста выглядит очень даже прилично. Можно ли такое сделать средствами CSS? Я делала поиски через подгонку line-height, но везде же так не подгонишь. У картинок разная высота. Посоветуйте, товарищи, пожалуйста.

Answer 1

В данный момент приличного решения вашей проблемы нет.

Первый вариант ждать нормальной поддержки свойства line-height-step. Оно как раз решает вашу проблему.

Второй вариант задавать фиксированную высоту картинки и использовать свойства object-fit, оно работает почти как background-size, только для img.

READ ALSO
Меняется value в зависимости от выбора

Меняется value в зависимости от выбора

Есть yandex форма для оплатыПытаюсь сделать так что бы при выборе банковская карта или яндекс деньги в форме менялся value="Имя платежа"

221
Маленький вопрос по смене шрифта

Маленький вопрос по смене шрифта

Всем привет! Есть простой JS-скрипт: http://imaporu/%D1%8D%D1%84%D1%84%D0%B5%D0%BA%D1%82-%D0%BC%D0%B0%D1%82%D1%80%D0%B8%D1%86%D1%8B-%D1%81-%D0%B8%D1%81%D0%BF%D0%BE%D0%BB%D1%8C%D0%B7%D0%BE%D0%B2%D0%B0%D0%BD%D0%B8%D0%B5%D0%BC-html5-canvas/...

181
Верстка и позиционирование div-блоков

Верстка и позиционирование div-блоков

Добрый день подскажите пожалуйста как сверстать div'ы таким образом:

181