Css 如何制作<;ul>;像这样的清单?

Css 如何制作<;ul>;像这样的清单?,css,xhtml,Css,Xhtml,我是一个新的网页设计师,正在制作一个网站,上面有这样的列表 查看此图像(我无法添加有问题的图像,bcoz我需要10个代表) 如果我想保留一个可以吗?浮动所有li元素,并设置ul和li元素的宽度,就可以创建这样的列表。显示顺序将为 1 2 3.4 5.6 如果您使用此方法。请检查此选项以执行多列列表: 对于自定义项目符号,需要修改的特定样式特性为: list-style-image: url(someimage.gif); 有关更多详细信息,请查看此链接: 查找名为“标记”的部分 下面是

我是一个新的网页设计师,正在制作一个网站,上面有这样的列表

查看此图像(我无法添加有问题的图像,bcoz我需要10个代表)


如果我想保留一个
可以吗?

浮动所有li元素,并设置ul和li元素的宽度,就可以创建这样的列表。显示顺序将为
1 2
3.4
5.6

如果您使用此方法。

请检查此选项以执行多列列表:

对于自定义项目符号,需要修改的特定样式特性为:

list-style-image: url(someimage.gif);
有关更多详细信息,请查看此链接:


查找名为“标记”的部分

下面是最简单的CSS,您可以使用它来完成GregFire所说的内容:

<ul class='myList'>
  <li>Item 1</li>
  <li>Item 2</li>
  <li>Item 3</li>
</ul>

.myList { width : 300px; }
.myList li { float: left; width: 150px; }

我想你可以通过填写个人资料得到10个代表只要给这个人一些代表就可以了started@rabidmachine9-谢谢,但我是个女人。:)@格雷格怒,@rabidmachine9-谢谢你的回复为什么?因为数字长度可能会变化,我猜?图像列表项中的问题具有相同的名称,但完成后列表项的名称可能会变化。半焦。这对ul来说也不是“理想的”。尽管“ul”的意思是无序,但在许多情况下,人们期望某种顺序(通常按字母顺序或按日期)。我知道在这种情况下人们应该使用ol,但这就是生活。在你的第一个解决方案中。我的
li
项目不会被修复,它们可以更改。有些人性格不好,有些人性格更坏。并非所有项目都始终具有业务组织。这只是一个模型。那么,如果我给
li
指定固定的宽度,会发生什么呢?这取决于具体情况。如果你的整体布局是固定的,而不是流动的,那么不管怎样,你的专栏空间是有限的。如果推过末端,固定宽度将导致缠绕。您可能需要清除每个“奇数”项的浮动。如果使用的是流体布局,如果希望大小反映字体大小,可以使用百分比或
em
单位。注意:如果不设置宽度,则不会显示列的外观。
.myList{
  -moz-column-count:3;
}