nik70
-
Posts
5 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Posts posted by nik70
-
-
прочитал еще некоторый раз. Спецификацию.
Неужели? Выравнивание происходит в инлайн боксе, высота которого регулируется с помощью 'line-height'. По этому я не видел изменений, т.к. ожидал изменений (выравнивания) относительно "height: 400px".
Так? Ну очень похоже!
Если так, то как(где) в этом случае проявляется "height: 400px" (код в первом топике) ? Игнорируется, т.к. согласно спецификации:
"Применяется: ко всем элементам, кроме незамещаемых инлайн-элементов, рядов таблиц и групп рядов"
Так штоли?
-
1. Потому что есть два различных поведения элементов. Если это не ячейка таблицы, то выравнивание применяется для инлайновых блоков относительно инлайн-бокса, в котором они находятся.
Спасибо, становится теплее в ситуации "display: table-cell"
Но в остальном полный мороз. Не пойму где я не пойМУ.
Подскажите, плиз где я не правильно рассуждаю, если я рассуждаю так:
"1. Назначая контейнеру "display: inline", я прошу, хоть не надолго (в конце концов требую) генерировать инлайн-бокс.
2. Назначая контейнеру "vertical-align: middle", я указываю правила выравнивания, в этом контейнере, для инлайн элементов.
3. Если, я вложу в контейнер текст, не заключенный в теги, то текст будет иметь инлайн свойства.
4. Если, я вложу в контейнер текст, заключенный в теги <P> и при помощи CSS, назначу ему "display: inline" то он будет иметь инлайн свойства.
5. Если в п.1-4 все правильно, то должно работать выравнивание текста по вертикали в следующем примере:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Документ без названия</title>
<style type="text/css">
<!--
.bb {
width: auto;
height: 400px;
font-weight:900;
text-align: center;
display: inline;
vertical-align: middle;
}
p { display: inline; }
-->
</style>
</head>
<body>
<div class="bb">
Как этот текст меня достал!!!!!!!
<p>А-а-а-а-а-а-а-а-а-а-а-а-а-а-а-а-а-а-а!</p>
</div>
</body>
</html>
однако не выравнивает, проверял в 4-ох браузерах, разных."
-
пробовал назначить диву
display: table;
vertical-align: middle;
текст жмется вверх... редиска. А надо по середине.
Как же обойтись без маржинов и пейжинов? Я думал это просто.
Кстати, PSYWALKER, Ваша подпись... Вы предпочитаете верстать в таблицах? Другими словами, Вы в первую очередь рассматриваете возможность и целесообразность табличной верстки? обещаю не спрашивать "почему?" написано много, но все в пользу дивов, поэтому заинтересовала Ваша подпись.
-
Люди, проясните ,пожалуйста!
Грызу мат. часть, наметился пробел в понимании. Вопрос в следующем:
1. Почему в ниже приведенном примере не работает выравнивание текста по вертикали, с помощью "vertical-align"? Конфликт инлайновых и блочных категорий?
2. Как при помощи CSS, в Div выравнять текст по вертикали без применения маржинов и пейжинов (что-нибудь типа text-align: center; - тока по вертикали...)? Утопия?
Капец, сам не угрызу... У кого есть разжеванное?
Спасибо за внимание.
<HTML xmlns="http://www.w3.org/1999/xhtml"><HEAD><META http-equiv="Content-Type" content="text/html; charset=UTF-8">
<TITLE>Документ без названия</TITLE>
<STYLE type="text/css">
<!--
.bb {
width: auto;
height: 400px;
font-weight:900;
text-align: center;
vertical-align:middle;
}
-->
</STYLE>
</HEAD>
<BODY>
<DIV class="bb">
<P>Как этот текст вертикально отцентрировать по вертикали? При помощи свойств CSS! Почему не работает vertical-align?</P>
</DIV>
</BODY>
</HTML>
Выравнивание текста по вертикали. В DIVe.
in HTML Coding
Posted
Спасибо, Вы мне помогли.