Как лучше всего центрировать элемент HTML внутри содержащего его элемента?

StackOverflow https://stackoverflow.com/questions/395484

  •  23-08-2019
  •  | 
  •  

Вопрос

Допустим, у вас есть следующий фрагмент кода:

<div id="container">
  <someelement>This is any element.</someelement>
</div>

Какой лучший CSS я мог бы использовать для горизонтального центрирования «какого-то элемента» внутри содержащего его div?

Это было полезно?

Решение

если ваш <someelement> является встроенным элементом (т.е. по умолчанию отображает:встроенный) примените выравнивание текста:центр в свой контейнер.Если <someelement> — это блочный элемент, для левого и правого поля которого установлено значение auto, и не забудьте установить ширину (по умолчанию блочные элементы занимают все доступное горизонтальное пространство, если ширина не указана явно).Возможно, вам придется использовать оба метода, если вы хотите, чтобы он работал и в IE 5.5 и ниже.

Другие советы

У JaredPar правильная идея, но есть более чистый способ сделать то, что вы ищете;)

#container {
    text-align: center;
}

#container someelement {
    margin: 0 auto;
    text-align: left;
}

Пытаться

<someelement style="margin-left:auto;margin-right:auto">This is any element</someelement>
Лицензировано под: CC-BY-SA с атрибуция
Не связан с StackOverflow
scroll top