Как сделать input по центру в css?

Пользователь

от vladimir , в категории: HTML/CSS , год назад

Как сделать input по центру в css?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

1 ответ

Пользователь

от akeem , 5 месяцев назад

@vladimir 

Чтобы сделать элемент input по центру с помощью CSS, вы можете использовать свойство margin со значением auto.


Например, если у вас есть элемент input внутри элемента div с фиксированной шириной, вы можете использовать следующий CSS-код:

1
2
3
4
5
6
7
8
9
div {
  width: 500px;
  text-align: center;
}

input {
  margin: auto;
  display: block;
}


Этот код сделает элемент input по центру элемента div, так как margin: auto будет выравнивать элемент по центру, а свойство display: block укажет, что элемент input занимает всю ширину родительского элемента.


Однако, следует иметь в виду, что этот подход работает только в том случае, если у родительского элемента установлена фиксированная ширина и установлено свойство text-align: center, что выравнивает все содержимое элемента по центру.


Если у вас нет фиксированной ширины родительског