相关疑难解决方法(0)

如何在垂直排序列表？

我正在使用下面的HTML and CSS代码对列表进行排序vertical,输出已horizontal排序.

我的示例代码:

<!DOCTYPE HTML>
<html>
  <head>
    <title>Tiles</title>
    <style type="text/css">
    #tiles {
        list-style: none;
        margin: 0px;
    }
    #tiles li {
        float: left;
        margin: 20px;
        width: 300px;
        height: 200px;
        background-color: #dddddd;
        font-size: 72px;
        text-align: center;
        vertical-align: middle;
    }
    </style>
  </head>
  <body>
    <ul id="tiles">
       <li>1</li><li>2</li><li>3</li><li>4</li><li>5</li><li>6</li>
    </ul>
  </body>
</html>

Run Code Online (Sandbox Code Playgroud)

输出是:

在此输入图像描述