如何在不使用表的情况下使我的文件列表更好看？

Question

我正在使用我的文件的那种列表和编辑描述：http://jsfiddle.net/GSC3x/5/简单地说，当点击文件名时，它会在页面中间打开一个jQuery表单，但是让我说我​​有一个很少有不同名字的文件，然后这件事看起来很难看

（我的情况：http://derivativeofln.com/files.png）。

我想在单个页面上列出三列这样的列表，我正在考虑使用表格，但是当我尝试这样做时，当我点击其中一个文件名时，我的jQuery表单无法打开。

你建议在这里使用什么？

@@ UPDATE

这是（http://derivativeofln.com/fileslist.png）我的列表

    li {float:left; width:200px;

但是现在我只有一列，如何从页面顶部开始第二列（第一列开始）？

Answer 1

你应该使用foating li's。将此添加到您的CSS：

li {float:left; width:200px;}

将宽度调整为页面宽度除以3

Answer 2

使用此

ul{
float: left;
width: 210px; /* The width of the column */
}

li{
width:200px;
}

然后结束第一个ul并在需要另一列时开始新的ul。