У меня есть макет из трех столбцов с иконкой и текстовым заголовком для каждого столбца.Один текстовый заголовок состоит из двух строк, остальные - только одна.Заголовок и значок из двух строк не были выровнены по вертикали, а также этот столбец расположен ниже на странице, чем однострочные заголовки.
Ссылка на верхний ответ из этого поста: Значок слева от многострочногозаголовок , я получил двухстрочный заголовок и значок, выровненный по вертикали, добавив этот css:
div {
display: flex;
align-items: center;
}
Я попытался добавить этот css в упаковочный div, который включает в себя заголовок и ulв каждом столбце:
div {
display: flex;
align-items: start;
}
, который получил все значки в одной строке, но разбил остальную часть макета.Текст заголовка смещен ниже значков, а ссылки отображаются рядом с заголовками, а не под ними.Похоже, что было три столбца вместо трех.
Мне нужен другой подход к получению двухстрочной пары заголовка-значка, вертикально выровненной с однострочной парой заголовка-значка, сохраняя при этом их соответствующие атрибуты неизменными ниже.каждый заголовокИсточник столбцов - начальная загрузка 3.0.3.Я надеюсь, что вы можете помочь мне.