Img Align + Vertical-align

Тема в разделе "HTML, CSS, XML, JavaScript", создана пользователем shisik, 11 июн 2010.

  1. shisik

    shisik Well-Known Member

    Регистрация:
    26 авг 2007
    Сообщения:
    154
    Симпатии:
    0
    Нужно выровнять текст по середине ячейки таблицы (вертикально). У ячейки стоит свойство vertical-align: middle; и всё работает хорошо, но если в эту же ячейку добавить изображение с параметром align="right", то текст сползает вверх ячейки.

    Вот ещё простой пример, где также проявляется эта проблема. Этот фрагмент отображается правильно (текст по середине изображения):

    Код (Text):
    <p style="width: 150px;">
    <img src="image.png" style="vertical-align: middle;" />
    Some text
    </p>
    Но стоит добавить align="right", чтоб изображение было справа, как текст выравнивается по верху изображения :(

    Код (Text):
    <p style="width: 150px;">
    <img src="image.png" align="right" style="vertical-align: middle;" />
    Some text
    </p>
    Т.е. vertical-align: middle; как бы игнорируется. Есть ли способ исправить? Мне нужно выровнять изображение по правому краю, а текст по средней линии изображения.
     
Загрузка...

Поделиться этой страницей