PHP-Methode zum dynamischen Lesen von Daten und Löschen des äußersten rechten Rands

墨辰丷
Freigeben: 2023-03-27 18:06:02
Original
1212 Leute haben es durchsucht

In diesem Artikel wird hauptsächlich die Methode zum dynamischen Lesen von Daten und zum Löschen des rechten Rands in PHP vorgestellt. Ich hoffe, dass er für alle hilfreich ist.

Erforderliche Effekte in einer Zeile und drei Spalten:

Szenensimulation: Das hat mir ein Kollege gegeben Stück statischer Code Wie folgt:

<!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 dynamisches Lesen ist 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 den Rand der 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 sind möglich. Erreichen Sie das Gleiche Wirkung!

Das Obige ist der gesamte Inhalt dieses Artikels. Ich hoffe, dass er für das Studium aller hilfreich sein wird.


Verwandte Empfehlungen:

Framework Thinkphp5 Einfache Implementierung von Verhaltens-Hooks Hook

Die Verwendungsszenarien der vier PHP-Funktionen Shell_exec, exec, passhru und system

php verwendet __call-Überladung

Das obige ist der detaillierte Inhalt vonPHP-Methode zum dynamischen Lesen von Daten und Löschen des äußersten rechten Rands. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage