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

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

22
Вертикально выровнять текст рядом с изображением?
Почему не 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> Выполнить фрагмент кодаСкрыть результатыРазвернуть фрагмент
30
Как выровнять изображение по вертикали внутри div
Как вы можете выровнять изображение внутри содержимого div? пример В моем примере мне нужно вертикально центрировать <img>в " <div>с class ="frame": <div class="frame" style="height: 25px;"> <img src="http://jsfiddle.net/img/logo.png" /> </div> .frameВысота фиксирована, а высота изображения неизвестна. Я могу добавить новые элементы, .frameесли это единственное решение. Я пытаюсь сделать это в Internet …
30
Как вертикально центрировать div для всех браузеров?
Я хочу центрировать по divвертикали с помощью CSS. Я не хочу таблиц или JavaScript, а только чистый CSS. Я нашел несколько решений, но во всех них отсутствует поддержка Internet Explorer 6. <body> <div>Div to be aligned vertically</div> </body> Как я могу центрировать по divвертикали во всех основных браузерах, включая Internet …
30
Как выровнять текст по вертикали в div?
Я пытаюсь найти наиболее эффективный способ выравнивания текста с div. Я пробовал несколько вещей, и ни одна из них не работает. .testimonialText { position: absolute; left: 15px; top: 15px; width: 150px; height: 309px; vertical-align: middle; text-align: center; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; padding: 1em 0 1em …
25
Как выровнять содержимое div снизу
Скажем, у меня есть следующий код CSS и HTML: #header { height: 150px; } <div id="header"> <h1>Header title</h1> Header content (one or multiple lines) </div> Выполнить фрагмент кодаСкрыть результатыРазвернуть фрагмент Раздел заголовка имеет фиксированную высоту, но содержимое заголовка может измениться. Я бы хотел, чтобы содержимое заголовка было выровнено по вертикали …
28
Как вертикальное выравнивание элементов в div?
У меня есть div с двумя изображениями и h1. Все они должны быть вертикально выровнены внутри div, рядом друг с другом. Одно из изображений должно быть absoluteрасположено внутри div. Какой CSS необходим для работы всех распространенных браузеров? <div id="header"> <img src=".." ></img> <h1>testing...</h1> <img src="..."></img> </div>
10
Как вертикально центрировать контейнер в Bootstrap?
Я ищу способ вертикального containerцентрирования div внутри jumbotronи установки его в середине страницы. Он .jumbotronдолжен быть адаптирован к полной высоте и ширине экрана. .containerDIV имеет ширину 1025pxи должен быть в середине страницы ( по вертикали в центре). Я хочу, чтобы на этой странице был адаптирован jumbotron к высоте и ширине …
8
Как установить поле или отступ в процентах от высоты родительского контейнера?
Я ломал голову над созданием вертикального выравнивания в CSS, используя следующее .base{ background-color:green; width:200px; height:200px; overflow:auto; position:relative; } .vert-align{ padding-top:50%; height:50%; } <!-- and used the following div structure. --> <div class="base"> <div class="vert-align"> Content Here </div> </div> Выполнить фрагмент кодаСкрыть результатыРазвернуть фрагмент Хотя в этом случае это работало, я …
7
Android: вертикальное выравнивание для многострочного EditText (область текста)
Я хочу иметь 5 строк для высоты текстовой области. Я использую следующий код. <EditText android:layout_width="fill_parent" android:layout_height="wrap_content" android:gravity="center" android:singleLine="false" android:lines="5" android:layout_marginLeft="10dip" android:layout_marginRight="10dip" /> Текстовая область выглядит хорошо, но проблема в том, что курсор мигает в середине текстового поля. Я хочу, чтобы он мигал в первой строке, в первом символе текстового поля.
17
Вертикальное выравнивание текста в WPF TextBlock
Как назначить вертикальное выравнивание по центру текста внутри TextBlock? Я нашел свойство TextAlignment, но оно для горизонтального выравнивания текста. Как мне сделать это для вертикального выравнивания текста?
30
Добавьте центрированный текст к середине <hr /> -подобной строки
Мне интересно, какие параметры есть в строгом xhtml 1.0, чтобы создать строку с обеих сторон текста примерно так: Первый раздел ----------------------- Следующий раздел ----------------------- Раздел второй Я думал о некоторых модных вещах, как это: &lt;div style="float:left; width: 44%;"&gt;&lt;hr/&gt;&lt;/div&gt; &lt;div style="float:right; width: 44%;"&gt;&lt;hr/&gt;&lt;/div&gt; Next section Или в качестве альтернативы, потому что …
13
Добавить вертикальный пробел с помощью Twitter Bootstrap?
Какой лучший способ добавить вертикальные пробелы с помощью Twitter Bootstrap? Например, предположим, что я создаю целевую страницу и хотел бы (100px) пустых пробелов выше и ниже определенной кнопки. Очевидно, я мог бы создать определенный класс для этой конкретной кнопки. Но я думаю, что Bootstrap должен иметь СУХОЙ способ добавления в …
9
Как вертикально центрировать контент с переменной высотой внутри div?
Каков наилучший способ вертикального центрирования содержимого div, когда высота содержимого является переменной. В моем конкретном случае высота контейнера контейнера фиксирована, но было бы здорово, если бы было решение, которое работало бы в тех случаях, когда контейнер также имеет переменную высоту. Кроме того, я хотел бы, чтобы решение не использовало или …
9
Как центрировать div по вертикали внутри абсолютно позиционированного родительского div
Я пытаюсь поместить синий контейнер посередине розового, но, похоже vertical-align: middle;, в этом случае не работает. &lt;div style="display: block; position: absolute; left: 50px; top: 50px;"&gt; &lt;div style="text-align: left; position: absolute;height: 56px;vertical-align: middle;background-color: pink;"&gt; &lt;div style="background-color: lightblue;"&gt;test&lt;/div&gt; &lt;/div&gt; &lt;/div&gt; Результат: Ожидание: Пожалуйста, подскажите, как я могу этого добиться. Jsfiddle
4
CSS вертикальное выравнивание inline / inline-block элементов
Я пытаюсь получить некоторые inlineи inline-blockкомпоненты выровнены по вертикали в div. Почему spanв этом примере человек настаивает на том, чтобы его опускали? Я пробовал оба vertical-align:middle;и vertical-align:top;, но ничего не изменилось. HTML: &lt;div&gt; &lt;a&gt;&lt;/a&gt;&lt;a&gt;&lt;/a&gt; &lt;span&gt;Some text&lt;/span&gt; &lt;/div&gt;​ CSS: a { background-color:#FFF; width:20px; height:20px; display:inline-block; border:solid black 1px; } div { …
Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.