Вопросы с тегом 'vertical-alignment'

Обычно определение стиля или другого пользовательского интерфейса связано с размещением элемента интерфейса в вертикальной плоскости.
105

Как горизонтально центрировать <div>?

Как я могу горизонтально <div> внутри другого <div> с помощью CSS? <div id="outer"> <div id="inner">Foo foo</div> </div>
22 сент. '08 в 12:27
40

Как вертикально центрировать текст с помощью CSS?

У меня есть элемент div, который содержит текст, и я хочу выровнять содержимое этого центра по вертикали. Вот мой стиль div: #box { height: 170px; width: 270px; background: #000; font-size: 48px; color: #FFF; text-align: center; } &l...
14 янв. '12 в 21:25
20

Вертикально выравнивать текст рядом с изображением?

Почему vertical-align: middle не работает? И все же, vertical-align: top работает. span{ vertical-align: middle; } <div> <img src="http://lorempixel.com/30/30/" alt="small img" /> <span>Doesn't work.</span> </div&g...
28 янв. '09 в 21:01
35

Как вертикально выровнять изображение внутри div

Как вы можете выровнять изображение внутри содержащего div? Пример В моем примере мне нужно вертикально центрировать <img> в <div> с помощью class ="frame ": <div class="frame" style="height: 25px;"> <img src="http://jsfid...
01 сент. '11 в 16:25
46

Как вертикально центрировать div для всех браузеров?

Я хочу div вертикально с помощью CSS. Мне не нужны таблицы или JavaScript, но только чистый CSS. Я нашел некоторые решения, но им не хватает поддержки Internet Explorer 6. <body> <div>Div to be aligned vertically</div> </bod...
28 дек. '08 в 12:57
29

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

Я пытаюсь найти наиболее эффективный способ выравнивания текста с div. Я пробовал несколько вещей, и ни одна из них не работает. .testimonialText { position: absolute; left: 15px; top: 15px; width: 150px; height: 309px; vertical-align...
30 мая '10 в 19:02
25

Как выровнять содержимое div по низу

Скажем, у меня есть следующий код CSS и HTML: #header { height: 150px; } <div id="header"> <h1>Header title</h1> Header content (one or multiple lines) </div> Раздел заголовка имеет фиксированную высоту, но содержим...
25 февр. '09 в 13:15
29

Как вертикальное выравнивание элементов в div?

У меня есть div с двумя изображениями и h1. Все они должны быть выровнены по вертикали внутри div, рядом друг с другом. Одно из изображений должно быть absolute, расположенное в div. Что необходимо для этого CSS для всех распространенных браузеро...
17 сент. '08 в 2:53
10

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

Приведенный ниже код (также доступен в качестве демонстрации на JS Fiddle) не размещает текст посередине, как мне бы хотелось. Я не могу найти способ вертикально центрировать текст в div, даже используя атрибут margin-top. Как я могу это сделать? &l...
12 февр. '12 в 14:00
30

Лучший способ центрировать <div> на странице по вертикали и по горизонтали?

Лучший способ центрировать элемент <div> на странице как по вертикали, так и по горизонтали? Я знаю, что margin-left: auto; margin-right: auto; будет центрировать по горизонтали, но каков наилучший способ сделать это по вертикали тоже?
10 дек. '08 в 17:11
9

Как вертикально отцентрировать контейнер в Bootstrap?

Я ищу способ вертикального центрирования div container внутри jumbotron и установки его в середине страницы. .jumbotron должен быть адаптирован к полной высоте и ширине экрана. Div .container имеет ширину 1025px и должен быть в середине страницы (ве...
05 мар. '14 в 11:36
8

Как установить маржу или отступы в процентах от высоты родительского контейнера?

Я ломал голову над созданием вертикального выравнивания в css, используя следующие .base{ background-color:green; width:200px; height:200px; overflow:auto; position:relative; } .vert-align{ padding-top:50%; height:50%; }...
13 февр. '11 в 4:49
7

Android: вертикальное выравнивание для нескольких строк EditText (область текста)

Я хочу иметь 5 строк для высоты текстовой области. Я использую следующий код. <EditText android:layout_width="fill_parent" android:layout_height="wrap_content" android:gravity="center" android:singleLine="false" android:lines=...
15 мар. '10 в 10:57
29

Добавьте центрированный текст в середину строки <hr/">.

Мне интересно, какие параметры у вас есть в xhtml 1.0 strict, чтобы создать строку с обеих сторон текста, например: Section one ----------------------- Next section ----------------------- Section two Я подумал о том, чтобы сделать некоторые прич...
11 мая '10 в 17:00
15

Текстовое выравнивание по вертикали в WPF TextBlock

Как назначить вертикальное выравнивание по центру тексту внутри TextBlock? Я нашел свойство TextAlignment, но для горизонтального выравнивания текста. Как это сделать для вертикального выравнивания текста?
29 сент. '09 в 10:06