За последние 24 часа нас посетили 17829 программистов и 1627 роботов. Сейчас ищет 1581 программист ...

Как выровнять текст внутри слоя по высоте

Тема в разделе "HTML и CSS", создана пользователем ZMANZ, 13 сен 2009.

  1. ZMANZ

    ZMANZ Активный пользователь

    С нами с:
    10 мар 2008
    Сообщения:
    161
    Симпатии:
    0
    Код (Text):
    1. <div style="width:70px; height:70px; border: 1px solid black; text-align:center; vertical-align:middle;">123</div>
    В данной ситуации текст выравнивается только по горизонтали!!!
    Как сделать так чтобы он выровнился по вертикали??? Я уже все перепробовал и не могу :(
     
  2. dots_rei

    dots_rei Активный пользователь

    С нами с:
    7 авг 2009
    Сообщения:
    193
    Симпатии:
    0
    http://htmlbook.ru/css/vertical-align.html - для блоков не применяется
    я выкручивалась в подобной ситуации таким способом:
    HTML:
    1. <div style="width:70px; height:70px; border: 1px solid black;">
    2. <table cellspacing="0" cellpadding="0" border="0"><tr><td style="width:70px; height:70px; vertical-align:middle;  text-align:center;">
    3. 123
    4. </td></tr></table>
    5. </div>
     
  3. Yadfewm

    Yadfewm Активный пользователь

    С нами с:
    20 июл 2009
    Сообщения:
    223
    Симпатии:
    0
    Очень советую сайт http://www.htmlbook.ru/css/vertical-align.html

    vertical-align:middle; - относительно своего родителя или окружающего текста.

    тоесть нужно

    Код (Text):
    1.  
    2. <div style="width:70px; height:70px; border: 1px solid black; text-align:center">
    3. <span style="vertical-align:middle;">
    4. 123
    5. </span>
    6. </div>
    1 Я мог ошибиться в коде
    2 Код в IE работает только с версии 7+[/code]
     
  4. Darevill

    Darevill Активный пользователь

    С нами с:
    20 сен 2009
    Сообщения:
    50
    Симпатии:
    0
  5. Kreker

    Kreker Старожил

    С нами с:
    8 апр 2007
    Сообщения:
    5.433
    Симпатии:
    0
    Да-да, опять имитация таблицы блоками.

    Попробуйте что-то типа:
    <div>
    <span style="top: 50%; margin-top: -100%">123</span>
    </div>
     
  6. Koc

    Koc Активный пользователь

    С нами с:
    3 мар 2008
    Сообщения:
    2.253
    Симпатии:
    0
    Адрес:
    \Ukraine\Dnepropetrovsk
    гг, я как раз сейчас плагин на jQuery пишу для этого)