Maison > Article > développement back-end > Exemple de lecture dynamique de données et d'effacement de la marge la plus à droite à l'aide de PHP

Exemple de lecture dynamique de données et d'effacement de la marge la plus à droite à l'aide de PHP

PHPzoriginal: 2017-04-12 15:06:061789parcourir

L'éditeur suivant vous apportera une méthode de lecture dynamique des données et d'effacement de la marge la plus à droite en PHP. L'éditeur pense que c'est plutôt bien, alors je vais le partager avec vous maintenant et le donner comme référence. Suivons l'éditeur pour y jeter un œil

Effets requis sur une ligne et 3 colonnes :

Simulation de scène : Un collègue m'a donné ce bout de code statique comme suit :

<!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>

Mais la lecture dynamique est-elle unifiée ? Que dois-je faire si la largeur n'est pas suffisante ? Le mauvais effet de saut de ligne n'est pas ce que nous voulons !

Solution 1 : Élargissement et masquage du style

<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>

L'aperçu est normal :

Solution 2 : jugement PHP, effacez la colonne la plus à droite

<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>

Les deux options un et deux peuvent être réalisées de la même manière. L'effet !

La méthode ci-dessus pour lire dynamiquement les données et effacer la marge la plus à droite en PHP est tout le contenu partagé par l'éditeur. J'espère qu'elle pourra vous donner une référence et j'espère que vous la soutiendrez. le script plus.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration：

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Article précédent：Opérateur PHP (7) "Opérateur de contrôle des erreurs" Exemple d'explicationArticle suivant：Opérateur PHP (7) "Opérateur de contrôle des erreurs" Exemple d'explication

Articles Liés

Voir plus