PHP 目录循环 - 样式

标签 php html html-table directory glob

在为学校制作 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),以便当表满时,它会开始一个新行

任何帮助将不胜感激

(现在的截图,以及我希望它的样子)

What it looks like now A rough image of what I would like it to look like

最佳答案

这可以通过对表格进行 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/

相关文章:

html - 表内的 block 元素超过其父级大小

php - 使用带有 html 和 php 的文件页面

php - 使用 Ubuntu 在 Nginx 上托管应用程序时出现路由问题

php - 仅为第一次数据库调用返回数据

jquery - 过多的边框/填充出现在我的 html 底部

html - 摆脱复杂表中的空白区域

php - 单元测试 Yii 行为

javascript - 使用 URL 中的变量使选择框重新加载页面的最简单方法?

python - Pandas read_html 返回原始 HTML 内容[对于某些行/单元格/等]

c# - 在 td 中的项目符号和文本之间添加空格