Запитання з тегом «vertical-alignment»

Зазвичай стиль або інше визначення інтерфейсу, пов'язане з розміщенням елемента інтерфейсу у вертикальній площині.

21
Вертикально вирівняти текст поруч із зображенням?
Чому не вийде 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? Приклад У моєму прикладі, я повинен вертикально відцентрувати <img>в <div>с class ="frame«: <div class="frame" style="height: 25px;"> <img src="http://jsfiddle.net/img/logo.png" /> </div> .frameВисота зображення фіксована, а висота зображення невідома. Я можу додати нові елементи, .frameякщо це єдине рішення. Я намагаюся зробити це в Internet …

30
Як вертикально центрувати діва для всіх браузерів?
Я хочу по центру divвертикально за допомогою CSS. Я не хочу таблиць чи JavaScript, а лише чисті CSS. Я знайшов деякі рішення, але всі вони не мають підтримки Internet Explorer 6. <body> <div>Div to be aligned vertically</div> </body> Як я можу здійснювати divвертикальний центр у всіх основних браузерах, включаючи Internet …

30
Як вертикально вирівняти текст у діві?
Я намагаюся знайти найефективніший спосіб вирівняти текст із дівом. Я спробував кілька речей, і жодна, здається, не спрацювала. .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 0; } <div …

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

28
Як вертикально вирівняти елементи у діві?
У мене є дів з двома зображеннями та ан h1. Усі вони повинні бути вертикально вирівняні в межах діва, поруч. Одне з зображень потрібно absoluteрозмістити в розділі. Для чого потрібен CSS для роботи у всіх звичайних браузерах? <div id="header"> <img src=".." ></img> <h1>testing...</h1> <img src="..."></img> </div>

10
Як вертикально центрувати контейнер у Bootstrap?
Я шукаю спосіб вертикального центру containerділити всередині jumbotronта встановити його посередині сторінки. .jumbotronПовинно бути адаптоване до повної ширині і висоті екрану. .containerDIV має ширину 1025pxі повинен бути в середині сторінки ( по вертикалі в центрі). Я хочу, щоб ця сторінка мала адаптер, пристосований до висоти та ширини екрана, а також …

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> Виконати фрагмент кодуHide resultsРозгорніть фрагмент Хоча це, здавалося, спрацювало в цьому випадку, …

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? Я знайшов властивість TextAlignment, але він призначений для горизонтального вирівнювання тексту. Як це зробити для вертикального вирівнювання тексту?

30
Додайте по центру текст до середини рядка <h /> - як
Мені цікаво, які варіанти у 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?
Який найкращий спосіб додати вертикальний пробіл за допомогою Bootstrap Twitter? Наприклад, скажімо, що я створюю цільову сторінку і хотів би трохи (100 пікселів) порожнього пробілу над і під певною кнопкою. Очевидно, я міг створити певний клас саме для цієї кнопки. Але я думаю, що Bootstrap повинен мати сухий спосіб додавання …

9
Як вертикально центрувати вміст зі змінною висотою в розділі?
Який найкращий спосіб вертикально центрувати вміст діва, коли висота вмісту змінюється. У моєму конкретному випадку фіксується висота діва контейнера, але було б чудово, якби було рішення, яке працювало б у випадках, коли контейнер також має змінну висоту. Крім того, я б хотів рішення, що не має або дуже мало використовує …

9
Як центрувати діл вертикально всередині абсолютно розташованого батьківського діва
Я намагаюся отримати синій контейнер посеред рожевого, однак, здається, 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

5
вертикальне вирівнювання текстового елемента у SVG
Скажімо, у мене файл SVG: &lt;svg width="1024" height="768" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"&gt; &lt;text x='20' y='60' style="font-size: 60px"&gt;b&lt;/text&gt; &lt;text x='100' y='60' style="font-size: 60px"&gt;a&lt;/text&gt; &lt;/svg&gt; Я хочу якось вирівняти верх aі b. Власне, я хочу, щоб моє позиціонування було rooflineзамість цього baseline!

Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.