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

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

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

На этом вопросе есть ответы на переполнение стека на русском языке : сделать блок div по центру родительского блока, а блок содержимого div выровнять по правому краю Как я могу горизонтально центрировать <div>внутри другого, <div>используя CSS? <div id="outer"> <div...

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

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

680
Как центрировать элемент «позиция: абсолют»

У меня возникли проблемы центровки элемент , который имеет атрибут positionнабор для absolute. Кто-нибудь знает, почему изображения не центрированы? body { text-align: center; } #slideshowWrapper { margin-top: 50px; text-align: center; } ul#slideshow { list-style: none; position: relative; margin:...

439
Центрировать позицию: фиксированный элемент

Я хотел бы сделать position: fixed;всплывающее окно по центру экрана с динамической шириной и высотой. Я использовал margin: 5% auto;для этого. Без position: fixed;этого центры прекрасно по горизонтали, но не по вертикали. После добавления position: fixed;он даже не центрируется по горизонтали. Вот...

220
Как центрировать кнопку внутри элемента?

У меня есть div, ширина которого составляет 100%. Я бы хотел разместить в нем кнопку, как я могу это сделать? <div style="width:100%; height:100%; border: 1px solid"> <button type="button">hello</button> </div> Выполнить фрагмент кодаСкрыть результатыРазвернуть фрагмент...

183
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, который должен быть исправлен на экране, даже если...

179
Центрирование в CSS Grid

Я пытаюсь создать простую страницу с помощью CSS Grid. Что я не могу сделать, так это центрировать текст из HTML в соответствующие ячейки сетки. Я попытался содержание укладывания в отдельных divс как внутри , так и за ее пределы left_bgи right_bgселекторы и играть с некоторыми из свойств CSS не...

163
Bootstrap 4 по центру вертикального и горизонтального выравнивания

У меня есть страница, где существует только форма, и я хочу, чтобы форма размещалась в центре экрана. <div class="container"> <div class="row justify-content-center align-items-center"> <form> <div class="form-group"> <label for="formGroupExampleInput">Example...

162
Держите средний элемент по центру, когда боковые элементы имеют разную ширину

Представьте себе следующий макет, где точки представляют пространство между полями: [Left box]......[Center box]......[Right box] Когда я удаляю правую коробку, мне нравится, чтобы центральная коробка все еще была в центре, вот так: [Left box]......[Center box]................. То же самое...

137
Как сохранить ярлык в центре WinForms?

В WinFormsЯ использую Labelдля отображения различных сообщений , как успех, неудача и т.д. Я хотел бы расположить этот ярлык по центру. Мне нужно решение, которое будет держать его в центре, будь то одно слово или целое предложение на...

126
Центрировать div по центру экрана, даже когда страница прокручивается вверх или вниз?

У меня на странице есть кнопка, которая при нажатии отображает div(стиль всплывающего окна) в середине моего экрана. Я использую следующий CSS для центрирования divв середине экрана: .PopupPanel { border: solid 1px black; position: absolute; left: 50%; top: 50%; background-color: white; z-index:...

113
Использование margin: auto для вертикального выравнивания div

Итак, я знаю, что мы можем центрировать div по горизонтали, если будем использовать margin:0 auto;. Должно margin:auto auto;работать так, как я думаю? И по вертикали? Почему тоже не vertical-align:middle;работает? .black { position:absolute; top:0; bottom:0; left:0; right:0;...

83
Добавление нижнего поля к последнему элементу ListView

Мне нужно добавить, чтобы добавить ListView со сложным фоном элементов: разным для четных / нечетных и закругленных углов вверху и внизу. Выглядит это так: Я реализовал все это через список уровней, но хочу сделать еще кое-что. Теперь нижний элемент находится в нижней части экрана. Лучше добавить...

23
Центрируйте DIV неравномерно, используя CSS

Я центрирую DIV внутри другого DIV, используя flexbox. Подумайте о диалоговом окне, которое появляется в центре экрана при необходимости. Это работает нормально, однако выглядело бы намного лучше, если бы пространство над и под диалоговым окном было не совсем одинаковым, с 40% оставшегося...