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

div はデフォルトでブロック要素です。

これらの要素は、使用可能なすべての幅を消費します。

それらに幅を設定しても、余白は残りを取得します。

この動作は、次のいずれかの方法で変更できます。

  • display: ブロックから display:inline または display:inline-block への表示プロパティの設定
  • float:left または float:right で要素をフローティングする
  • position: absolute を使用して div を手動で配置します
于 2013-02-20T05:59:57.157 に答える
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または逆に、何をしようとしているのかわかりません）

しかし、とにかくあなたのコードは本当にきれいに見えません。たとえば、idは定義上一意である必要があるため.folder、id の代わりにclass を使用します。#folder

しかし、私はあなたがどこかから始めなければならないと思います、頑張ってください:)

于 2013-02-20T05:48:48.727 に答える