html - 如何根据屏幕尺寸动态换行？

Question

基本上，我在容器内放置了居中对齐的文本。当屏幕尺寸变小时，它会进入下一行。在某些时候，下一行中只有一个(或几个)单词。我怎样才能让它平衡？

例子:
一二三四五六

当屏幕尺寸变小时:
一二三四五
六个

如何让它自动调整为:
一二三
四五六

当屏幕尺寸进一步缩小，直到文本行无法固定两行时，自动调整为:
一二
三四
五六

Answer 1

@media screen and (max-width: 992px) {
    div {
         width:150px;
    }
}

了解媒体查询:https://www.w3schools.com/css/css3_mediaqueries_ex.asp
您必须在 @media screen 和 (**here**) 中写入您想更改 width

的屏幕大小