在为学校制作网络应用程序的过程中,应用程序会在学生主目录中循环,并在PHP网站上显示他们的文件。
(它使用LDAP绑定来验证用户是否存在等)
此刻它循环遍历文件并输出表格中的每一个(这是代码)
<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一样改变视图等(这很容易,它创建了这个问题的视图)
我非常想创建一个缩略图视图,但我已经尝试过使用它的一个列中的每个文件夹,但它将它们全部聚集在一起。
表格中是否存在某些内容,例如C#(FlowTableOverflow或w / e),因此当表格变满时,它会启动一个新行
任何帮助将不胜感激
(现在看起来像什么的截图,以及我希望它看起来像什么)
答案 0 :(得分: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表格的正确用法。表应该用于显示数据。