За последние 24 часа нас посетили 17427 программистов и 1720 роботов. Сейчас ищут 1455 программистов ...

Как выровнять текст по центру экрана

Тема в разделе "HTML и CSS", создана пользователем attt123, 7 сен 2010.

  1. attt123

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

    С нами с:
    27 авг 2010
    Сообщения:
    11
    Симпатии:
    0
    Например код центрирует по горизонтали
    <center>
    <Div name = contents CLASS = "contents" > Всем привет <Div/>
    </center>.
    А как можно выровнять по вертикали, то есть чтобы Div отоброжался по центру экрана как по вертикали так и по горизонтали. Всем спасибо заранее.
     
  2. Gromo

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

    С нами с:
    24 май 2010
    Сообщения:
    2.786
    Симпатии:
    2
    Адрес:
    Ташкент
    сколько я ни пытался найти подобное решение - так и не удалось.
    Дело в том, что отображение в браузере не позволяет достаточно гибко работать с высотой элементов.
    Чего только стоит прибить жёстко футер к низу стринцы...

    та же история и с выравниванием. И, в принципе, это ожидаемо.
    Можно реализовать с помощью javascript, но не чистым хтмл. Почему?
    Потому что страница может прокручиваться вниз ещё дооооолго-долго, и где тогда должна быть середина?

    есть вариант жёстко задать отступ сверху или смещение для элемента.
    А при position:fixed этот див будет у тебя всегда оставаться на своём месте, даже при скроллинге.
     
  3. Gromo

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

    С нами с:
    24 май 2010
    Сообщения:
    2.786
    Симпатии:
    2
    Адрес:
    Ташкент
    З.Ы. забудь про теги <center>

    выравнивание элемента по центру по горизонтали делается двумя способами:
    <div style="text-align: center;">текст выравнивается по центру элемента</div>
    <div style="margin: 0 auto; width: 200px;">а тут весь элемент выравнивается по центру</div>
     
  4. Апельсин

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

    С нами с:
    20 мар 2010
    Сообщения:
    3.645
    Симпатии:
    2
    у дива есть стандартный атрибут align="center"