如何使用CSS缩进html输出

user3436467 发表于 Dev

用户名

我正在使用PHP遍历数组并返回结果，每个结果都与一些html代码一起显示。现在，要实现缩进，我正在使用DIV标签并按如下所示设置边距：

对于输出1：

<div style='height: 20px;margin-left: 60px;'>

对于输出2：

<div style='height: 20px;margin-left: 110px;'>

在此处输入图片说明

这种为每个输出设置边距的方法的问题在于它依赖于始终匹配的条件，但有时条件不匹配并且缩进被破坏。

因此，从根本上讲，还有另一种使用CSS的方法或其他方法来增加每个输出的缩进量，而不必指定固定的输出吗？

如果我不够清楚，但是希望您能理解我的要求，我们深表歉意，否则，请告诉我，我会尽力澄清一下。

这是一个示例代码：

foreach ($data[0] as $data) {
    if ($data == a) {
        echo "<div style='margin-left: 0px; '><img src='img/server_s.png' style='float: left;'></div>";
    } elseif ($data == b) {
        echo "<div style='margin-left: 60px;'><img src='img/link.png' style='clear: left;'></div>";
    } elseif ($data == c) {
        echo "<div style='margin-left: 110px;'><img src='img/link.png' style='clear: left;'></div>";
    }
}

卡萨尔·萨蒂（Qaisar Satti）

希望这项工作对您有帮助

$a=0;    
foreach ($data[0] as $data) {

          if ($data == a) {
    echo "<div style='margin-left: ".$a."px; '><img src='img/server_s.png' style='float: left;'></div>";
} elseif ($data == b) {
    echo "<div style='margin-left: ".$a."px;'><img src='img/link.png' style='clear: left;'></div>";
} elseif ($data == c) {
    echo "<div style='margin-left: ".$a."px;'><img src='img/link.png' style='clear: left;'></div>";
}


$a=$a+60;    
}

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。