Вопросы с тегом «centering»

Центрирование - это процесс помещения чего-либо в середину пространства.

30
Как горизонтально центрировать <div>
На этом вопросе есть ответы на переполнение стека на русском языке : сделать блок div по центру родительского блока, а блок содержимого div выровнять по правому краю Как я могу горизонтально центрировать &lt;div&gt;внутри другого, &lt;div&gt;используя CSS? &lt;div id="outer"&gt; &lt;div id="inner"&gt;Foo foo&lt;/div&gt; &lt;/div&gt;
4290 html  css  alignment  centering 
30
Как вертикально центрировать div для всех браузеров?
Я хочу центрировать по divвертикали с помощью CSS. Я не хочу таблиц или JavaScript, а только чистый CSS. Я нашел несколько решений, но во всех них отсутствует поддержка Internet Explorer 6. &lt;body&gt; &lt;div&gt;Div to be aligned vertically&lt;/div&gt; &lt;/body&gt; Как я могу центрировать по divвертикали во всех основных браузерах, включая Internet …
30
Центрирование колонки с помощью Twitter Bootstrap 3
Как центрировать элемент div размером одного столбца в контейнере (12 столбцов) в Twitter Bootstrap 3 ? .centered { background-color: red; } &lt;body class="container"&gt; &lt;div class="col-lg-1 col-offset-6 centered"&gt; &lt;img data-src="holder.js/100x100" alt="" /&gt; &lt;/div&gt; &lt;/body&gt; Выполнить фрагмент кодаСкрыть результатыРазвернуть фрагмент Я хочу div, чтобы класс .centeredнаходился в центре контейнера. Я могу использовать …
25
Как центрировать элемент «позиция: абсолют»
У меня возникли проблемы центровки элемент , который имеет атрибут positionнабор для absolute. Кто-нибудь знает, почему изображения не центрированы? body { text-align: center; } #slideshowWrapper { margin-top: 50px; text-align: center; } ul#slideshow { list-style: none; position: relative; margin: auto; } ul#slideshow li { position: absolute; } ul#slideshow li img { …
16
Центрировать позицию: фиксированный элемент
Я хотел бы сделать position: fixed;всплывающее окно по центру экрана с динамической шириной и высотой. Я использовал margin: 5% auto;для этого. Без position: fixed;этого центры прекрасно по горизонтали, но не по вертикали. После добавления position: fixed;он даже не центрируется по горизонтали. Вот полный набор: .jqbox_innerhtml { position: fixed; width: 500px; …
14
Как центрировать кнопку внутри элемента?
У меня есть div, ширина которого составляет 100%. Я бы хотел разместить в нем кнопку, как я могу это сделать? &lt;div style="width:100%; height:100%; border: 1px solid"&gt; &lt;button type="button"&gt;hello&lt;/button&gt; &lt;/div&gt; Выполнить фрагмент кодаСкрыть результатыРазвернуть фрагмент
220 html  css  centering 
8
CSS горизонтальное центрирование фиксированного div?
#menu { position: fixed; width: 800px; background: rgb(255, 255, 255); /* The Fallback */ background: rgba(255, 255, 255, 0.8); margin-top: 30px; } Я знаю, что этот вопрос миллион раз, но я не могу найти решение для моего случая. У меня есть div, который должен быть исправлен на экране, даже если …
183 html  css  centering 
7
Центрирование в CSS Grid
Я пытаюсь создать простую страницу с помощью CSS Grid. Что я не могу сделать, так это центрировать текст из HTML в соответствующие ячейки сетки. Я попытался содержание укладывания в отдельных divс как внутри , так и за ее пределы left_bgи right_bgселекторы и играть с некоторыми из свойств CSS не дали …
179 html  css  centering  css-grid 
11
Bootstrap 4 по центру вертикального и горизонтального выравнивания
У меня есть страница, где существует только форма, и я хочу, чтобы форма размещалась в центре экрана. &lt;div class="container"&gt; &lt;div class="row justify-content-center align-items-center"&gt; &lt;form&gt; &lt;div class="form-group"&gt; &lt;label for="formGroupExampleInput"&gt;Example label&lt;/label&gt; &lt;input type="text" class="form-control" id="formGroupExampleInput" placeholder="Example input"&gt; &lt;/div&gt; &lt;div class="form-group"&gt; &lt;label for="formGroupExampleInput2"&gt;Another label&lt;/label&gt; &lt;input type="text" class="form-control" id="formGroupExampleInput2" placeholder="Another input"&gt; &lt;/div&gt; &lt;/form&gt; &lt;/div&gt; …
7
Держите средний элемент по центру, когда боковые элементы имеют разную ширину
Представьте себе следующий макет, где точки представляют пространство между полями: [Left box]......[Center box]......[Right box] Когда я удаляю правую коробку, мне нравится, чтобы центральная коробка все еще была в центре, вот так: [Left box]......[Center box]................. То же самое касается, если бы я удалил левую коробку. ................[Center box]................. Теперь, когда содержимое внутри …
162 html  css  flexbox  centering 
7
Как сохранить ярлык в центре WinForms?
В WinFormsЯ использую Labelдля отображения различных сообщений , как успех, неудача и т.д. Я хотел бы расположить этот ярлык по центру. Мне нужно решение, которое будет держать его в центре, будь то одно слово или целое предложение на этикетке.
137 c#  .net  winforms  centering 
5
Центрировать div по центру экрана, даже когда страница прокручивается вверх или вниз?
У меня на странице есть кнопка, которая при нажатии отображает div(стиль всплывающего окна) в середине моего экрана. Я использую следующий CSS для центрирования divв середине экрана: .PopupPanel { border: solid 1px black; position: absolute; left: 50%; top: 50%; background-color: white; z-index: 100; height: 400px; margin-top: -200px; width: 600px; margin-left: -300px; …
126 html  css  scroll  position  centering 
12
Использование margin: auto для вертикального выравнивания div
Итак, я знаю, что мы можем центрировать div по горизонтали, если будем использовать margin:0 auto;. Должно margin:auto auto;работать так, как я думаю? И по вертикали? Почему тоже не vertical-align:middle;работает? .black { position:absolute; top:0; bottom:0; left:0; right:0; background:rgba(0,0,0,.5); } .message { background:yellow; width:200px; margin:auto auto; padding:10px; } &lt;div class="black"&gt; &lt;div class="message"&gt; …
113 html  css  centering 
10
Приписанное выравнивание текста по центру
Я перепробовал все, но не могу центрировать этот текст. Может кто-нибудь подскажет, где ошибка. NSMutableParagraphStyle *paragraphStyle = NSMutableParagraphStyle.new; paragraphStyle.alignment = NSTextAlignmentCenter; label.attributedText = [[NSAttributedString alloc] initWithString:cell.EventTitle.text attributes:@{NSForegroundColorAttributeName : [UIColor whiteColor],NSParagraphStyleAttributeName:paragraphStyle,NSBaselineOffsetAttributeName : @0,NSFontAttributeName : [UIFont fontWithName:@"BrandonGrotesque-Black" size:34]}];
Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.