ul和li实现分两列（多列）布局显示

使用简单的CSS和HTML实现多列布局显示

在网页设计中，我们经常需要实现多列布局来展示内容。下面是一个简单的例子，展示如何使用DIV和CSS来实现两列（或更多列）的布局。这份代码复制起来非常容易，你可以轻松地在自己的项目中应用。

我们先从CSS样式开始。在样式表中，我们定义了一个名为“.my”的类，这个类将应用于我们的div元素。在这个类中，我们设置了ul元素的宽度为210像素。对于li元素，我们设置了宽度为100像素，并且让它们浮动到左侧。如果你想要显示三列，只需将li元素的宽度改为70像素即可。

接下来是HTML部分。我们创建了一个带有类名“my”的div元素，并在其中嵌套了一个ul元素。在ul元素中，我们添加了几个li元素，每个元素都包含“那些花儿”的文本。

现在，让我们看看完整的代码：

```html

```

这段代码非常简单且易于理解。只需调整CSS中的宽度值，就可以轻松地改变布局的列数。你可以根据需要添加更多的li元素来填充内容。通过这种方式，你可以轻松地实现多列布局显示，使你的网页内容更加丰富多彩。