Question

我的代码：

使用以下代码实现：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>
</head>

<body>

<?php
echo '<table><tr>';
$folders = @scandir('Users');  
     foreach($folders as $item):
     if ((substr($item, 0, 1) == '.') || (preg_match("/\.php$/", $item)))
                continue;
    ?>
    <td>
          <table width="220" border="1" valign="top">
               <tr><th width="210" valign="top"><?php echo $item;?></th></tr>
              <?php
               if (is_dir("Users/$item"))
            $target_folders = @scandir("Users/$item/uploaded/");
                foreach($target_folders as $target_item){

                if ((!preg_match("/^[.]/",$target_item)) || (!is_dir("Users/$item/uploaded/$target_item"))){
                if ((substr($target_item, 0, 1) == '.'))
                   continue;     

                   ?><tr><td><?php echo $target_item ;?></td></tr><?php

                }
                }

                   ?>
          </table>
</td>
    <?php
endforeach;

echo '</tr></table>';
?>



</body>
</html>

现在，对于我的生活，我无法获得显示的数据以对齐到页面顶部。我真的不知道我在这里做错了什么，但我知道这可能很简单。

我正在显示的链接： Current Code Outcome

Answer 1

在样式表中添加follownig

td {
    vertical-align: top;
}

问候

Answer 2

试将td对齐为top而不是table valign - top

Answer 3

自我写完之后发布，然后你改变了问题内容

~~提供一个jfiddle.net，其中包含实际呈现的html~~ ，
解释您使用如此复杂的doctype的原因
尝试

http://jsfiddle.net/mplungjan/kG7B4/

td { vertical-align:top }

表格未对齐到页面顶部

我的代码：

使用以下代码实现：

3 个答案: