Как заставить div отчета о прибылях и убытках с тремя элементами стоять в вертикальном положении после достижения среднеCSS

Разбираемся в CSS
Ответить
Anonymous
 Как заставить div отчета о прибылях и убытках с тремя элементами стоять в вертикальном положении после достижения средне

Сообщение Anonymous »


Я создаю блок отчета о прибылях и убытках с тремя элементами, и мне хотелось бы иметь адаптивный макет, чтобы эти элементы менялись с горизонтального макета на вертикальный, как только не хватает места (особенно от средней ширины вниз). )

макет по умолчанию должен быть таким:

+10 000 поддерживаемых компаний +14 обслуживаемых стран +250 миллионов Управляемый

И как только устройство достигнет средней ширины, я хочу, чтобы макет изменился на следующий:

+10 000 поддерживаемых компаний
. +14 обслуживаемых стран . +250 миллионов под управлением
Примечание: я хочу избежать промежуточных состояний, таких как: +10 000 поддерживаемых компаний +14 обслуживаемых стран +250 миллионов под управлением

Я пытался добиться желаемого поведения с помощью настроек ниже, но не смог;

Что я могу сделать, чтобы добиться желаемого поведения?

Буду признателен за любую поддержку. Спасибо
+10 000 поддерживаемых компаний +14 обслуживаемых стран +250 миллионов управляемых ``` #results-1 { ширина: 100%; разрыв: 1рем; отступы: -10px -10px 0,7rem 1,8rem; } #results-2 { разрыв: 3,5рем; начертание шрифта: жирный; размер шрифта: 1,5em; поле справа: 29 пикселей; отступ справа: -20 пикселей; text-decoration: подчеркивание 5 пикселей; }
Ответить

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

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

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

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

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