HTML/CSS Flex: предотвращение переполнения элемента браузераHtml

Программисты Html
Ответить
Anonymous
 HTML/CSS Flex: предотвращение переполнения элемента браузера

Сообщение Anonymous »

Я пытаюсь создать сегмент веб-страницы, где изображение появится слева или справа, и рядом с ним можно быть текстовым центром на его сегменте страницы (см. Изображение). В переменной ширине изображения без этого переполнения? PrettyPrint-Override ">

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

.row {
display: flex;
flex:0 0 100%;
max-height:80%;
width:100%;
}

.column {
display: flex;
flex-direction: column;
flex:0 0 100%;
justify-items: center;
max-height:50%;
width:100%;

}

img {
display:flex;
margin: 0;
padding: 0;
object-fit: contain;
}< /code>

[img]./images/garden-state.webp[/img]


Garden State




Идеально. Я пробовал несколько разных значений для переменной ширины , от разных процентов до min-content и такого, с ними, вообще ничего не изменившегося.

Подробнее здесь: https://stackoverflow.com/questions/786 ... ser-window
Ответить

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

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

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

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

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