Question

我有点坚持这个。我必须列出一些我正在处理的某些服务的不同状态的水平列表。我有3种不同的状态（绿色，橙色，红色），我想＆＃34;回到线上＆＃34;每当国家改变。我有一种感觉，我需要写一些像＆＃34;你去xx像素＆＃34;按顺序正确地列出我的列表，但它仍然保持奇怪的包装。我不知道我是否清楚。

以下是代码的一部分：

$brequest = 1;

        echo "<ul>\n";
    foreach($arrstate as $sun){
        for($x=1 ; $x<4 ; $x++){
            if($sun[1] == $x){

                if($brequest != $x){
                    $brequest = $x;
                    echo "</ul><ul>\n"; //Note that it's just a try here
                }


                $affichage="&nbsp;&nbsp;<img src=\"images/" . $images[$x] . ".svg\" title=\"" . $texte_alt[$x] . "\" alt=\"" . $texte_alt[$x] . "\" height=\"40px\" style=\"vertical-align:middle\"";
                $comment="<br /><br />".$sun[2]."<br /><br/>Last Updated : ".$sun[3]."<br /><br />By ".$sun[4]."</li>\n";

                echo "<li style=\"background-color: " . $couleur_etat[$x] . "\">" . $sun[0] . $affichage. $comment;


            }




        }
    }
    echo "</ul>";

数组按状态排序，<style>部分为：

<style>
  ul { list-style-type: none;}
  li {
    display: inline;
    margin: 1em;
    float: left;
    padding: 1em;
    border: 1px solid black;
    border-radius: 15px;
    width: 15em;
    min-height: 3em;
    font-weight: bold;
  }
</style>

随时向我询问有关代码的任何信息。提前感谢您的回答！

Answer 1

回答我自己的问题以提供帮助。

我只需要清除：我使用的每个<ul>左边，这样浮动将停止将图像放在同一行。它是这样的：

echo "</ul><ul style=\"clear:left\">";

我知道CSS不太受欢迎，但我开始使用HTML PHP＆amp; CSS昨天。那么，让我们暂时继续吧！

（抱歉这个坏榜样，下次我会更加关注细节。谢谢！）

＆＃34;无效空间＆＃34;在<li>与图像

1 个答案: