ili4-87
-
Posts
3 -
Joined
-
Last visited
ili4-87's Achievements
Explorer (1/14)
0
Reputation
-
Выравнивание содержимого блока DIV по вертикали
ili4-87 replied to ili4-87's question in HTML Coding
Я не понял, тебе нужно внутри блока выровнять текст или чтобы весь этот блок сам был выровнен по вертикали в его контейнере? Сперва было нужно выровнять текст внутри контейнера - вы мне с этим помогли. Теперь, если мы захотим разместить справа от контейнера какой-нибудь текст и добавим внутрь класса "text" атрибут "float: left", то содержимое контейнера снова окажется у его верхней границы. Как этого не допустить? См. пример ниже: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru-ru" lang="ru-ru"> <head> <meta http-equiv="content-type" content="text/html; charset=Windows-1251" /> <title>Пример</title> <style type="text/css"> .text{ float: left; width:400px; height:300px; display:table-cell; vertical-align:middle; border:1px solid #ccc; } </style> </head> <body> <div class="text"> текст </div> <p> Основной текст страницы обтекает контейнер справа </p> </body> </html> Я этого не знал -
Выравнивание содержимого блока DIV по вертикали
ili4-87 replied to ili4-87's question in HTML Coding
Ещё один вопрос: Почему при добавлении к описанию класса "text" атрибута float "текст" снова прилипает к верхней границе блока? <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru-ru" lang="ru-ru"> <head> <meta http-equiv="content-type" content="text/html; charset=Windows-1251" /> <title>Пример</title> <style type="text/css"> .text{ float: left; width:400px; height:300px; display:table-cell; vertical-align:middle; border:1px solid #ccc; } </style> </head> <body> <div class="text"> текст </div> </body> </html> Какая может быть связь между обтеканием блока снаружи и выравниванием содержимого внутри? -
Всем привет! Допустим, имеется блок div со следующим описанием: <div style=" border: 1px solid black; height: 200px; width: 100px;">Text </div> Если добавить этот код в HTML документ, то получим контейнер 100px*200px с текстом "Text". Какой атрибут CSS нужно добавить к описанию стиля DIV, чтобы выравнять Text по вертикали по центру нашего контейнера? Да и существует ли такой атрибут? Заранее спасибо за помощь!