Javascript 是否有一个jquery插件可以水平而不是垂直列化列表项?

Javascript 是否有一个jquery插件可以水平而不是垂直列化列表项?,javascript,jquery,css,layout,Javascript,Jquery,Css,Layout,我正在寻找一个jquery插件或javascript,它将列化一个列表。 我已经看到了,这很好,配置选项正是我需要的,只是它没有按我需要的方向列化数据 我的名单: 1. 2. 3. 4. 5. 6. 7. 8. 9. 我想要的是: 1. 2. 3. 4. 5. 6. 7. 8. 9. 我不想要的行为: 你不需要一个jQuery插件。只需设置s的浮点属性: 这里有一个例子:你不需要jQuery插件。只需设置s的浮点属性: 下面是一个示例:如果您的意思是以这种方式显示列表项,则不需要编写脚本。在每个

我正在寻找一个jquery插件或javascript,它将列化一个列表。 我已经看到了,这很好,配置选项正是我需要的,只是它没有按我需要的方向列化数据

我的名单:

1. 2. 3. 4. 5. 6. 7. 8. 9. 我想要的是:

1. 2. 3. 4. 5. 6. 7. 8. 9. 我不想要的行为:


你不需要一个jQuery插件。只需设置s的浮点属性:


这里有一个例子:

你不需要jQuery插件。只需设置s的浮点属性:


下面是一个示例:

如果您的意思是以这种方式显示列表项,则不需要编写脚本。在每个列表项上设置一个宽度,给列表容器元素一个等于总列的宽度,并使用“float:left”应该可以做到这一点

如果您的意思是以这种方式显示列表项,则无需编写脚本。在每个列表项上设置一个宽度,给列表容器元素一个等于总列的宽度,并使用“float:left”应该可以做到这一点

假设列表采用
  • 格式:

    {
      display:inline-block;
      width:33%;
    }
    
    或者使用float:left;然后明确:所有;每三分之一


    或者类似的东西-在CSS中可能有十几种方法可以做到这一点。

    您可能可以通过CSS实现这一点

    假设列表采用
    • 格式:

      {
        display:inline-block;
        width:33%;
      }
      
      或者使用float:left;然后明确:所有;每三分之一


      或者类似的东西-在CSS中可能有十几种方法可以做到这一点。

      因为列出的项目高度可变,当我浮动它们时,一个项目偶尔会被它上面的一个短项目抓住,导致一行中只有一个项目。为了解决这个问题,我使用了display:table单元格,但这并不理想。设置clear如何:在一行中的每一个最后列表项上都设置这两个?无论是在生成服务器端还是在使用第n个子属性时?因为列出的项目高度可变,所以当我浮动它们时,一个项目偶尔会在上面的一个短项目下面被捕获,从而导致一行中只有一个项目。为了解决这个问题,我使用了display:table单元格,但这并不理想。设置clear如何:在一行中的每一个最后列表项上都设置这两个?生成服务器端或使用第n个子属性时?
      {
        display:inline-block;
        width:33%;
      }