0

PHPページに複数のDIVがあります：

<?php 
if ($row['a']!="") { echo "<div id=a></div>";} 
if ($row['b']!="") { echo "<div id=b></div>";}
if ($row['c']!="") { echo "<div id=c></div>";}
if ($row['d']!="") { echo "<div id=d></div>";}
if ($row['e']!="") { echo "<div id=e></div>";}
?>

div id = 2が表示されない場合、div id = 3がその位置を置き換えて、div 1と3の間に空白がないように、どのように位置を設定する必要がありますか。残りのDIVと同じ場合です。 。どのポジショニングタイプを使用する必要がありますか：相対？絶対？

4

1 に答える 1

0

相対的な配置で行くことができます。簡単な例は以下のようになります。スタイリングにクラス属性を優先できる場合は、それが良いでしょう。それ以外の場合は、ID を使用して各 div に個別のスタイリングを指定できます。以下のコードを実行します。ここで、使用できない div のスペースが置き換えられることがわかる中央の 1 つまたは 1 つまたは 2 つの echo ステートメントを削除してみてください。まだ他にもたくさんの方法があります。

<!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>
<style>
    .adiv {
        position:relative;
        width:100px;
        height:100px;
        background:#ff0000;
        float:left;
        margin:10px;
    }
</style>
</head>

<body>
<?php
    echo "<div id=\"one\" class=\"adiv\"> </div>";
    echo "<div id=\"two\" class=\"adiv\"> </div>";
    echo "<div id=\"three\" class=\"adiv\"> </div>";
    echo "<div id=\"four\" class=\"adiv\"> </div>";
    echo "<div id=\"five\" class=\"adiv\"> </div>";
?>
</body>
</html>
于 2012-12-10T13:09:44.120 に答える