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 '<li></li>'; } ?> </ul> </p> </body> </html>
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>
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 '<li style="'.$margin_r.'">'.$i%$col.'</li>'; } ?> </ul> </p>
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!