Показано с 1 по 7 из 7

Тема: ВЕРТИКАЛЬНОЕ ВЫРАВНИВАНИЕ ТЕКСТА ВНУТРИ DIVа

  1. #1

    Регистрация
    01.05.2006
    Сообщений
    15
    дорогие друзья, помогите мне решить эту проблему.
    во вложенном файле находится блок DIV, а в нем слово "контент". это слово находится в центре по горизонтали.
    ВНИМАНИЕ ВОПРОС ???

    КАК ЗАСТАВИТЬ ЭТО СЛОВО РАСПОЛОГАТЬСЯ В ЦЕНТРЕ ПО ВЕРТИКАЛИ ???

    код наподобии этого : DIV.center { vertical-align: center; } не работает (почему-то ???)

    ПОЖАЛУЙСТА ПОМОГИТЕ!!!

  2. #2

    Регистрация
    09.02.2004
    Адрес
    Литва/Вильнюс
    Сообщений
    359
    Например

    div { height: 5em; line-height: 5em; }

  3. #3

    Регистрация
    01.05.2006
    Сообщений
    15
    спасибо за ответ, а можно поподробней объяснить смысл этого кода? и есть ли ещё варианты???

  4. #4

    Регистрация
    06.05.2005
    Адрес
    Санкт-Петербург
    Сообщений
    769
    смысл в том, что интерлиньяж текстового содержимого приравнивается к высоте контейнера.
    так можно позиционировать по центру одну строку.
    если известны размеры контейнера, то позиционируйте с помощью margin или padding.

  5. #5

    Регистрация
    01.05.2006
    Сообщений
    15
    Вобщем, я так понимаю, что более простого и универсального способа (типа как в HTML valign="middle") нету, чтобы при изминении размеров контейнера текст автоматически оставался бы в центре.

    тогда позвольте спросить для чего нужен {vertical-align} ???

  6. #6

    Регистрация
    06.05.2005
    Адрес
    Санкт-Петербург
    Сообщений
    769
    vertical-align нужен для выравнивания элементов, порожденных строчным элементом. для надиндекса, подиндекса и прочей такой фигни (кстати значения center у этого свойства нет; есть значение middle).

    я не знаю ответа
    я не знаю как расположить строчный или блочный элемент точно по центру блочного контейнера, если размеры контейнера, хотябы относительные, заранее неизвестны.

    пусть придет кто-нить умный и скажет.

    зы: если Вам срочно, то используйте таблицу (div {display: table;} и т. д.)

  7. #7

    Регистрация
    09.02.2004
    Адрес
    Литва/Вильнюс
    Сообщений
    359
    vertical-align используется для элементов типа { display: table-cell; } или чего то похожего, но эту весчь не поддерживает ie6, так что по сути пока свойство бесполезно.

Похожие темы

  1. Вертикальное выравнивание
    от *2D в разделе Вёрстка сайта
    Ответов: 11
    Последнее сообщение: 28.04.2008, 13:29
  2. Вертикальное выравнивание и IE7
    от Kiosuki в разделе Вёрстка сайта
    Ответов: 8
    Последнее сообщение: 12.10.2007, 12:52
  3. Выравнивание текста с помощью CSS
    от DiamondCutter в разделе Вёрстка сайта
    Ответов: 4
    Последнее сообщение: 23.04.2007, 20:48
  4. Относительная высота DIVа
    от Webtailor в разделе Вёрстка сайта
    Ответов: 8
    Последнее сообщение: 28.12.2006, 19:56
  5. Вертикальное выравнивание в div с разделителями
    от Silberman в разделе Вёрстка сайта
    Ответов: 7
    Последнее сообщение: 27.08.2006, 16:48

Ваши права

  • Вы не можете создавать новые темы
  • Вы не можете отвечать в темах
  • Вы не можете прикреплять вложения
  • Вы не можете редактировать свои сообщения
  •