1

CSS代码

 #folder {  
width: 105px;
background: #BABABA;
position: relative;
 -moz-border-radius:    10px;
-webkit-border-radius: 10px;
border-radius: 0px 10px 10px 10px;
}

这是创建盒子的 CSS 代码

php代码

<link rel="stylesheet" type="text/css" href="fold.css" /></style>
<?php 
function listFolderFiles($dir,$exclude){ 
 $ffs = scandir($dir); 
echo '<ul class="ulli">'; 
foreach($ffs as $ff){ 
    if(is_array($exclude) and !in_array($ff,$exclude)){ 
        if($ff != '.' && $ff != '..'){ 
        if(!is_dir($dir.'/'.$ff)){ 

        } else { 
        echo '<div class=wrap><div id=folder><li>'.$ff.'</div></div>';    
        } 
        if(is_dir($dir.'/'.$ff)) listFolderFiles($dir.'/'.$ff,$exclude); 
        echo '</li>'; 
        } 
    } 
} 
echo '</ul>'; 
} 

listFolderFiles('.',array('index.php','edit_page.php')); 
?>

它显示一个在另一个下方的框 如何并排显示框

4

5 回答 5

1

对于并排的 div 元素，您需要添加

float:left

在您的 CSS 课程中将为您工作。

检查示例：DIV TABLE

于 2013-02-20T05:47:12.803 回答
0 
float: left;

这将并排显示框，但您需要将以下属性添加到框之后的项目才能正确显示。

clear: both;
于 2013-02-20T05:48:11.693 回答
0 
#folder {display: inline-block;}

或者 #folder {float: left}

于 2013-02-20T05:48:36.067 回答
0

我会说而不是这样做：

echo '<div class=wrap><div id=folder><li>'.$ff.'</div></div>';

尝试：

echo '<li><div class=wrap><div id=folder>'.$ff.'</div></div></li>';

确保您的< li >标签正确关闭并包装您的divs（或相反，不确定您在尝试什么）

但是无论如何，您的代码似乎都不是很干净，例如使用 class.folder而不是 id#folder因为 id 根据定义应该是唯一的。

但我想你必须从某个地方开始，祝你好运:)

于 2013-02-20T05:48:48.727 回答
0

默认情况下，div 是块元素。

这些元素消耗所有可用的宽度。

即使您为它们设置了宽度，边距也会得到其余部分。

您可以通过以下任何方法更改此行为：

  • 将 display 属性从 display: block 设置为 display:inline 或 display:inline-block
  • 用 float:left 或 float:right 浮动元素
  • 使用 position: absolute 手动定位 div
于 2013-02-20T05:59:57.157 回答