有没有一种方法可以使HTML列表像这样行事？

Question

我正在创建一个拖放座位计划。我一直在尝试各种方法来操作列表，使其看起来像这样： 目前它看起来是这样的： 如何才能反转它呢？ 我希望老师感觉自己正面朝向全班。这可能吗？ 提前谢谢！

styles.css

body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;

}
ul {
    list-style-type:none;
    width:500px;
}
#contentLeft li {
    list-style: none;
    width: 78px;
    height: 78px;
    background-color:#2a70db;
    border: #CCCCCC solid 1px;
    color:#fff;
    float:right;
    margin: 3px 2px 0 0;
    padding: 5px 5px 5px 5px;
}

- dresdain

---

PSA: mysql_*函数已经在PHP5.5中被弃用，不建议用于编写新代码，因为这将会阻止您在未来进行升级。相反，请使用MySQLi或者PDO，成为更好的PHP开发人员。 - Jason McCreary

在第二个li元素后添加一个换行。 - Shomz

Answer 1

您可以使用CSS选择器。在您的情况下，第3个元素应该在新行上，这样您就可以通过它来清除浮动。

代码将如下所示：

li:nth-child(3) {
    clear: both;
}

- Caelea