css两个li换行显示

CSS中，使用列表（List）元素一般会涉及到其子元素li的样式设置，常见的设置有显示方式、字体颜色、背景颜色等等，其中涉及到的一个常见场景是实现两个li的换行展示。

对于这个场景，我们需要使用CSS中的display属性来进行设置。默认情况下，display属性的值为“inline-block”，这时所有的li元素都会以块级元素尺寸展示，如果我们想让它们在同一行展示，可以使用“inline”来进行设置。

ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

li {
  display: inline;
  padding: 10px;
  background-color: #f2f2f2;
  border: 1px solid #ccc;
} 

上述代码中，我们首先将ul元素的一些默认样式进行了设置，并将li元素的display属性设置为“inline”，同时添加了一些背景色、边框等基础样式。这样，两个li元素就可以愉快地并排展示了。

当然，如果你想要更加自定义的样式，比如设置间距、宽度等等，可以根据实际需求进行调整。下面给出一个示例代码：

ul.example {
  list-style: none;
  margin: 0;
  padding: 0;
}

li.example {
  display: inline-block;
  margin-right: 20px;
  width: 200px;
  height: 100px;
  background-color: #f2f2f2;
  border: 1px solid #ccc;
} 

这里我们为ul和li元素都添加了一个example的class，方便进行样式控制。同时，我们调整了li元素的宽度、高度和margin-right以达到更好的展示效果。

总的来说，在实现两个li的换行展示时，我们可以利用CSS的display属性进行设置，同时根据实际需求进行样式调整，以达到最终想要的效果。