Html ul中的条件换行

我有一个ul标签中的li元素列表。如果屏幕宽度小于625px，我想在新行中显示最后两个。以下代码工作得非常好：

.NewLine{显示：无；}
@媒体屏幕和（最大宽度：625px）{.NewLine{display:block；}
li{float:左；}
ul{列表样式：无；}

用

包起来怎么样？这可能就是@Dialex所建议的

<ul>
    <li>...</li>
    <li>...</li>
    <li><p class="NewLine"></p></li>
    <li>...</li>
    <li>...</li>
</ul>

您可以使用伪元素在

之间创建新行，而无需通过设置它来创建HTML

显示：block

li{
显示：内联；
}
/*更改代码段的媒体查询值*/
@介质（最大宽度：800px）{
李：类型（2）的第n个结尾：之前{
内容：''；
显示：块；
/*演示*/
高度：2倍；
背景：红色；
}
}

一,
二,
三,
四,

由于您使用的是float，只需清除第二个元素后的float，就不需要额外的元素或hack

li{
浮动：左；
保证金：5px；
边框：1px纯红；
填充物：5px；
}
保险商实验室{
列表样式：无；
}
@介质（最大宽度：1200px）{
李：第n个孩子（3）{
清除：左；
}
}

AAA
BBB
AAA
BBB

使用

？准确地说，你甚至不需要有段落。如果没有段落，只需将类添加到

中是不起作用的，除非您在CSS中手动定义

高度。使用classed p的li不起作用，也不使用nbsp；在里面，我喜欢你的第一种方法，因为有了高度声明，我可以调整行距。