Align text div vertical align: html — How do I vertically align text in a div?

Leave a Comment / Разное / By /

html — Вертикальное выравнивание текста внутри элемента div

спросил

Изменено 7 лет, 1 месяц назад

Просмотрено 53 тысячи раз

Я знаю, что этот вопрос задавали до смерти, но поиск мне не помог.

Вы знаете, у меня есть элемент div, в котором мне нужно выровнять текст по вертикали, но ничего не работает (position:absolute;top:50%;margin-top:-x;display:table-cell;vertical-align :средний;и т. д., и т. д.)

Вот с чем я работаю (извините за встроенный CSS). В любом случае, я бы использовал line-height, но текст может состоять из одной или двух строк. Он должен быть выровнен по вертикали с изображением, которое всегда имеет максимальную высоту 30 пикселей (30×50).

 <дел>
 <дел>
  jpg" alt="" />
<дел> Это текст для выравнивания по вертикали
  • HTML
  • css
  • вертикальное выравнивание

3

Еще одна вещь, которую вы можете сделать. Если в div только одна строка текста, вы можете использовать line-height

пример

 div {
    высота строки: 40 пикселей;
}

1

Идея отсюда и должна работать во всех браузерах.

 <дел>
    <дел>
        <а href="ссылка">