在为学校制作 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 一样更改 View 等(这一点很简单,它创建了问题所在的 damm View )
理想情况下,我想创建一个缩略图 View ,但我尝试过对 a 中的每个文件夹使用它,所以它是一列,但它把它们都聚在一起了。
是否有一些用于表的东西,比如在 C# 中(FlowTableOverflow 或 w/e),以便当表满时,它会开始一个新行
任何帮助将不胜感激
(现在的截图,以及我希望它的样子)
最佳答案
这可以通过对表格进行 CSS 和一些 HTML 修改来完成。
如果我没理解错的话,每个文件夹都在它自己的表中。所以你可以做的是 float:left
每个表包含一个文件夹。
这将水平显示文件夹,同时保留在它们的包含元素内。像这样(使用您的代码):http://jsfiddle.net/fy9Dh/
如果您希望文本显示在文件夹下,您需要添加另一个 <td>
.所以你的 table 会有两个 <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 表格的正确用法。应该使用表格来显示数据。
关于PHP 目录循环 - 样式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12193257/