Как центрировать встроенный div с помощью css?

Как я могу центрировать встроенный div (а не его содержимое) с помощью css?

ОЧЕНЬ ВАЖНО: ширина div неизвестна (я не могу указать ее)

Ответы

Ответ 1

Если по строке inline вы имеете в виду, что его свойство отображения CSS установлено на inline, тогда вы можете центрировать его, предоставив непосредственный родительский контейнер a text-align:center

Если вы имеете в виду div в другом div, вы можете следовать этому подходу, если вы можете добавить обертку и поплавать:

Как горизонтально центрировать плавающий элемент переменной ширины?

Ответ 2

Я решил это. Вы должны добавить новый div с text-align:center вне вашего div, как этот

<div style="text-align:center;"> <div>

который не находится в центре с встроенным дисплеем </div></div>

Ответ 3

Оберните его в div, который вы можете указать ширину, а затем задайте поля рассматриваемого div, чтобы: margin: 0, auto;

Ответ 4

вы можете уйти с display:inline-block и text-align:center; в родительском элементе, если хотите, чтобы он был "блочным". вам также понадобится vertical-align:top

Ответ 5

Это самое простое и простое решение

.center {
  display: table;
  margin: auto;
}