动态显示列中的项目？

我想显示多列中的项目列表，而不必指定列数，只需让浏览器添加更多列以适合所有项目。动态显示列中的项目？

我试着去适应this article，但项目是刚刚上市的长，一列名单：

<head> 
    <STYLE type="text/css"> 
     ul.columns { 
      float: left; 
      width: 12em; 
      margin: 20px 0 1em; 
      padding: 0; 
      list-style: none; 
     } 

     li.columns { 
      float: left; 
      width: 6em; 
      margin: 0; 
      padding: 0; 
      list-style: none; 
     } 
    </STYLE>  
</head> 

<body> 

<ul class="columns"> 
    <li class='colums'>test</li> 
    <li class='colums'>test</li> 
    <li class='colums'>test</li> 
    <li class='colums'>test</li> 
    <li class='colums'>test</li> 
</ul>

任何CSS高手能告诉我什么是错与上述？

来源

2010-08-10 Gulbahar

我不是专家，但“列”是拼写错误的...

<li class='colums'>

从技术上讲，你<li> s切勿需要一个类。你可以用这个选择器代替...

ul.columns li { 
    float: left; 
    width: 6em; 
    margin: 0; 
    padding: 0; 
    list-style: none; 
}

来源

2010-08-10 13:21:17

非常感谢乔希。完美的作品。 – Gulbahar 2010-08-10 13:55:41

动态显示列中的项目？

回答

相关问题