vertical-alignment
-
3688 рейтинг90 ответовКак горизонтально центрировать <div>?
Как я могу горизонтально центрировать
<div>в другом<div>с помощью CSS (если это возможно)?<div id="outer"> <div id="inner">Foo foo</div> </div> -
1711 рейтинг20 ответовВертикально выровнять текст рядом с изображением?
Почему не работает
vertical-align: middle? И еще,vertical-align: topделает работу.Doesn't work.
1126 рейтинг40 ответовКак вертикально центрировать div для всех браузеров?Div to be aligned verticallyКак я могу центрировать
divпо вертикали во всех основных браузерах, включая Internet Explorer 6?972 рейтинг24 ответовКак выровнять содержимое div в нижней части?Скажем, у меня есть следующий код CSS и HTML:
#header { height: 150px; }<div id="header"> <h1>Header title</h1> Header content (one or multiple lines) </div>Раздел заголовка имеет фиксированную высоту, но содержимое заголовка может измениться. Я хотел бы, чтобы содержимое
...877 рейтинг28 ответовКак вертикально выровнять текст в 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,573 рейтинг25 ответовВертикальное выравнивание элементов в divУ меня есть div с двумя изображениями и
h1. Все они должны быть вертикально выровнены внутри div, рядом друг с другом.Одно из изображений должно быть
absolute, расположенное внутри div.Какой CSS необходим для работы всех распространенных браузеров?
...191 рейтинг16 ответовВертикальное выравнивание текста в WPF TextBlockКак назначить вертикальное выравнивание по центру текста внутри TextBlock? Я нашел свойство TextAlignment, но оно для горизонтального выравнивания текста. Как мне сделать это для вертикального выравнивания текста?
180 рейтинг7 ответовКак установить поле или отступ в процентах от высоты родительского контейнера?Я ломал голову над созданием вертикального выравнивания в css, используя следующее
.base{ background-color:green; width:200px; height:200px; overflow:auto; position:relative; } .vert-align{ padding-top:50%; height:50%; }и использовал следующую структуру div.
Content Here
...Хотя это, похоже, сработало для этого случая, я был удивлен, что,159 рейтинг26 ответовДобавьте центрированный текст в середину строки, подобной & lt; hr / & gt;Мне интересно, какие варианты есть в xhtml 1. 0 строго для создания строки с обеих сторон текста примерно так:
Section one ----------------------- Next section ----------------------- Section two
Я думал о некоторых причудливых вещах, подобных этому:
...
Next section
Или альтернативно, потому144 рейтинг7 ответовКак вертикально центрировать контент с переменной высотой внутри div?Каков наилучший способ вертикального центрирования содержимого div, когда высота содержимого является переменной. В моем конкретном случае высота контейнера div фиксирована, но было бы здорово, если бы было решение, которое работало бы в тех случаях, когда контейнер также имеет переменную высоту.
...67 рейтинг6 ответовКак выровнять по вертикали 2 разных размера текста?Я знаю, что для вертикального выравнивания текста по центру блока вы устанавливаете высоту строки равной высоте блока.
Однако, если у меня есть предложение со словом в середине, то это
...2em. Если все предложение имеет высоту строки, совпадающую с содержанием65 рейтинг7 ответовCSS: как выровнять по вертикали & quot; метку & quot; и "ввод" внутри "div"?Рассмотрим следующий код :
HTML:
CSS:div { height: 50px; border: 1px solid blue; }Какой самый простой способ поместить
labelиinputв серединуdiv(по вертикали)?63 рейтинг9 ответовПочему выравнивание по вертикали: text-top; не работает в CSSЯ хочу выровнять некоторый текст к вершине div. Кажется, что
...vertical-align: text-top;должен сделать трюк, но это не работает. Другие вещи, которые я сделал, например, поместили div в столбцы и отобразили пунктирную границу (чтобы я мог видеть, где находится верхняя62 рейтинг15 ответовЯ хочу выровнять текст по вертикали в поле выбораЯ хочу выровнять текст по вертикали в поле выбора. Я пытался с помощью
select{ verticle-align:middle; }Однако это не работает ни в одном браузере. По умолчанию Chrome выравнивает текст в поле выбора по центру. FF выравнивает его по верху, а
...49 рейтинг7 ответовЕсть ли "право"? способ сделать NSTextFieldCell рисовать вертикально по центру текста?У меня есть
...NSTableViewс несколькими текстовыми столбцами. По умолчаниюdataCellдля этих столбцов является экземпляром класса AppleNSTextFieldCell, который делает все виды замечательных вещей, но рисует текст, выровненный по верху ячейки, и я хочу, чтобы текст располагался вертикально46 рейтинг7 ответовВертикальное выравнивание содержимого строки DataGridУ меня есть обычная DataGrid из WPF 4. 0 RTM, куда я положил данные из базы данных. Для того, чтобы сделать чистый & amp; легкий стиль DataGrid Я использую высокие / высокие строки и по умолчанию DataGrid выравнивает содержимое строки
...44 рейтинг1 ответовUITextField Вертикальное выравниваниеЕсть ли способ вертикально выровнять текст в
UITextFieldна полпути междуUIControlContentVerticalAlignmentCenterиUIControlContentVerticalAlignmentBottomили мне нужно идти с одним из них?24 рейтинг5 ответов& quot; вертикальное выравнивание: среднее & quot; не выравнивается по центру в FirefoxЯ пытаюсь выровнять текст по разным размерам по вертикали, однако Firefox отображает текст меньшего размера над серединой.
CSS:
...div.categoryLinks { margin: 1em 16px; padding: 0 4px; border-width: 1px 0; border-style: solid; border-color: #ece754; background: #f7f5b7; color: #a49f1c; text-align: center; font-size:24 рейтинг4 ответовВертикальное выравнивание подфигур LATEXЯ работаю над своей диссертацией и пытаюсь расположить 2 изображения рядом друг с другом, чтобы второе изображение было центрировано по вертикали вдоль первого. Я также пытался использовать
subfigureвместоsubfloat, но ни один из них не работает.Вот так
...18 рейтинг6 ответовВертикальное выравнивание пары флажок / меткаЯ просматриваю сообщения по этой проблеме в Stack Overflow, но у меня ничего не получается. У меня есть следующий код CSS для вертикального выравнивания пары флажок / метка:
...body { font-family: "lucida grande",tahoma,verdana,arial,sans-serif; font-size: 11px; margin: 0; padding: 0; }