Beispiel für das dynamische Lesen von Daten und das Löschen des äußersten rechten Rands mit PHP-PHP-Tutorial-php.cn

Beispiel für das dynamische Lesen von Daten und das Löschen des äußersten rechten Rands mit PHP

PHPz

Freigeben： 2023-03-07 12:32:02

Original

1870 Leute haben es durchsucht

Der folgende Editor bietet Ihnen eine Methode zum dynamischen Lesen von Daten und zum Löschen des äußersten rechten Rands in PHP. Der Herausgeber findet es ziemlich gut, deshalb werde ich es jetzt mit Ihnen teilen und es allen als Referenz geben. Folgen wir dem Editor, um einen Blick darauf zu werfen.

Erforderliche Effekte in einer Zeile und 3 Spalten:

Szenensimulation: Ein Kollege hat mir diesen statischen Code wie folgt gegeben:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
</head>
<style>
  li,ul{padding: 0;margin:0;list-style: none;}
  .box{
    width:1000px;background: #ddd;height:500px;
  }
  .box li{margin:0 50px 20px 0;background:red;height:30px;width:300px;float: left;}
</style>
<body>
  <p class="box">    
    <ul>
      <?php
      for($i=0;$i<9;$i++){
          echo &#39;<li></li>&#39;;
      }
      ?>
    </ul>
  </p>
</body>
</html>

Nach dem Login kopieren

Aber ist das dynamische Lesen einheitlich? Was soll ich tun, wenn die Breite nicht ausreicht? Der falsche Zeilenumbrucheffekt ist nicht das, was wir wollen!

Lösung 1: Stil verbreitern und ausblenden

<style>
  li,ul{padding: 0;margin:0;list-style: none;}
  .box{
    width:1000px;background: #ddd;height:500px;overflow: hidden;
  }
  .box ul{width: 1200px;}
  .box li{margin:0 50px 20px 0;background:red;height:30px;width:300px;float: left;}
</style>

Nach dem Login kopieren

Vorschau ist normal:

Lösung 2: PHP-Beurteilung, löschen Sie die Spalte ganz rechts

<p class="box">    
    <ul>
      <?php
      //列数
      $col=3;
      for($i=0;$i<9;$i++){
        $margin_r = (($i%$col)==($col-1))?"margin-right:0;":"";//清除每行最右侧宝贝右边距
          echo &#39;<li style="&#39;.$margin_r.&#39;">&#39;.$i%$col.&#39;</li>&#39;;
      }
      ?>
    </ul>
  </p>

Nach dem Login kopieren

Beide Optionen eins und zwei können gleich realisiert werden. Der Effekt!

Die obige Methode zum dynamischen Lesen von Daten und zum Löschen des äußersten rechten Randes in PHP ist der gesamte vom Herausgeber geteilte Inhalt. Ich hoffe, dass er Ihnen eine Referenz geben kann, und ich hoffe, dass Sie ihn unterstützen das Drehbuch mehr.

Das obige ist der detaillierte Inhalt vonBeispiel für das dynamische Lesen von Daten und das Löschen des äußersten rechten Rands mit PHP. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!