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'));
?>
它显示一个在另一个下面的框如何并排显示框
对于并排的div元素,您需要添加
float:left
在css类中将为您完成工作。
检查示例:DIV TABLE
float: left;
这将并排显示方框,但您需要将以下属性添加到方框后面的项目中才能正确显示。
clear: both;
#folder {display: inline-block;}
或#folder {float: left}
div是块元素。
这些元素消耗了所有可用的宽度。
即使你给它们设置了宽度,利润也会得到剩下的。
您可以通过以下任何方法更改此行为:
- 将显示特性从display:block设置为display:inline或显示:内联块
- 使用float:left或float:right浮动元素
- 使用position:absolute手动定位div
我会说而不是做:
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
(或者相反,不确定你在尝试什么)
但无论如何,您的代码似乎并不干净,例如,使用类.folder
而不是id #folder
,因为id在定义上应该是唯一的。
但我想你必须从某个地方开始,祝你好运:)