相关疑难解决方法(0)

我正在尝试构建我的第一个响应式布局.我想在垂直线中显示列表项,具体取决于宽度.

<div style="height:800px;">
    <ul>
       <li>1</li>
       <li>2</li>
       <li>3</li>
       <li>4</li>
       <li>5</li>
       <li>6</li>
       <li>7</li>
    </ul>
</div>

1   5
2   6
3   7
4

如果浏览器调整大小,我希望它成为

1  4  7
2  5
3  6

有人能帮我吗？我已经尝试了几个小时,我什么都得不到.我尝试过使用表格,但我也不能这样做.