Как центрировать div, но заставьте его гибко растянутьHtml

Программисты Html
Ответить
Anonymous
 Как центрировать div, но заставьте его гибко растянуть

Сообщение Anonymous »

Я бы хотел, чтобы в центре модального диалогового окна было размер его содержания, допустим, что я хочу, чтобы ввод был шириной 400%(я бы использовал максимальную ширину: 400px + Ширина: 100% на вводе), и вход будет автоматически уменьшаться на небольших экранах, в то время как хороший размер на больших экранах. Modal-Window должен быть такого же размера, как и содержимое (вход).
Проблема состоит в том, что ширина: 100%; не работает на содержании, вероятно, из-за центрированной сетки Modal-bg , и я не знаю, как исправить его без установки модального Window до полной ширины. AI не удалось в этой простой проблеме.

Код: Выделить всё

.modal-bg {
display: grid;
place-items: center;
min-width: 360px;
background-color: black;
}

.modal-window {
max-width: 500px;
padding: 0.25rem;
background-color: white;
}

.content {
width: 100%;
}< /code>




xxx




Подробнее здесь: https://stackoverflow.com/questions/797 ... h-flexibly
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «Html»