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

Question

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

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

Answer 1

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

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

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

Answer 2

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

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

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

Answer 3

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

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

Answer 4

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

Answer 5

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