2

在为学校制作 Web 应用程序的过程中，该应用程序循环访问学生的主目录，并在网站上以 PHP 显示他们的文件。

（它使用 LDAP Bind 来验证用户是否存在等）

目前它遍历文件并在表格中输出每个文件（这里是代码）

<table width="100%"  border="0" cellpadding="0" cellspacing="0"><tr>
  <td width="4%" height="38"><div align="center"><span class="style1"><span class="style2"><img src="_css/folder.png"></span></span></div></td>
            <td width="20%"><span class="style2"><a href="browse.php?path='.$enc.'">'.$name.'</a></span></td>
            <td width="16%"><span class="style2"></span></td>
             <td width="60%"><span class="style2"></span></td>
        </tr></table>

理想情况下，我们希望它能够像 Windows 一样更改视图等（这很容易，它创建了问题视图）

理想情况下，我喜欢创建一个缩略图视图，但我尝试对 a 中的每个文件夹使用它，所以它是一个列，但它会将它们全部捆绑在一起。

表有什么东西吗，比如在 C#（FlowTableOverflow 或 w/e）中，这样当表变满时，它会开始一个新行

任何帮助，将不胜感激

（它现在看起来像什么的屏幕截图，以及我希望它看起来像什么）

现在的样子 我希望它看起来像的粗略图像

4

1 回答 1

0

这可以通过 CSS 和对表格的一些 HTML 修改来完成。

如果我理解正确，每个文件夹都在它自己的表中。所以你可以做的是float:left每个包含一个文件夹的表。

这将水平显示文件夹，同时保持在其包含元素内。像这样（使用你的代码）：http: //jsfiddle.net/fy9Dh/

如果您希望文本出现在文件夹下，则需要添加另一个<td>. 因此，您的表格将有两个<td>包含图像，另一个包含链接。例如：

<table width="100%"  border="0" cellpadding="0" cellspacing="0">
    <tr>
        <td width="4%" height="38">
            <div align="center">
                <span class="style1"><span class="style2"><img src="_css/folder.png"></span></span>
            </div>
        </td>
    </tr>
    <tr>
        <td width="20%"><span class="style2"><a href="browse.php?path='.$enc.'">'.$name.'</a></span></td>
        <td width="16%"><span class="style2"></span></td>
        <td width="60%"><span class="style2"></span></td>
    </tr>
</table>

这是最终产品：http: //jsfiddle.net/ZcAmP/

最后一点：这确实不是 HTML 表格的正确用法。应该使用表格来显示数据。

于 2012-09-15T19:17:26.120 回答