代码之家  ›  专栏  ›  技术社区  ›  Decent Dabbler

(x)html/css:列出列中分布的项

  •  2
  • Decent Dabbler  · 技术社区  · 16 年前

    在CSS的帮助下,是否有一种方法可以让单个列表(ul或ol)的行为如下:

    1.    4.    7.
    2.    5.    8.
    3.    6.    9.
    

    换句话说,它们的子序列元素是否分布在列中?

    4 回复  |  直到 16 年前
        1
  •  3
  •   James Goodwin    16 年前

    如果您不介意使用CSS3,您可以尝试使用CSS3多列,也可以通过 A List Apart

        2
  •  1
  •   Greg    16 年前

    一张单子有一个优点 article on multi-column lists .

    恐怕没有“漂亮”的方法来使用CSS。

        3
  •  1
  •   Community CDub    8 年前

    我会回应什么 James Goodwin 说,但在您的CSS中包括浏览器供应商实验性的CSS支持:

    ol {
        column-count:3;
        column-width:33%;
        -moz-column-count:3;
        -moz-column-width:33%;
        -webkit-column-count:3;
        -webkit-column-width:33%;        
        /* etc., etc. */
    }
    
        4
  •  0
  •   arno    16 年前

    你不能用CSS来完成这项工作,只能用HTML。当然,您可以使用脚本语言自动创建列,但CSS不支持这一点。