欧美97色伦欧美一区二区日韩,国产福利片在线观看,freexxx性欧美vide0高清,西西亚洲,日本欧美国产精品第一页久久,成人18免费软件

當前位置： 維易PHP培訓學院 > PHP學習 > 內容正文

PHP實戰：php動態讀取數據清除最右邊距的方法

作者：VEPHP   時間 2017-09-14

《PHP實戰：php動態讀取數據清除最右邊距的方法》要點：
本文介紹了PHP實戰：php動態讀取數據清除最右邊距的方法，希望對您有用。如果有疑問，可以聯系我們。

需求效果一行3欄：PHP學習

PHP實戰：php動態讀取數據清除最右邊距的方法PHP學習

場景模擬：同事給了我這么一段靜態代碼如下：PHP學習

<!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>
  <div class="box">    
    <ul>
      <?php
      for($i=0;$i<9;$i++){
          echo '<li></li>';
      }
      ?>
    </ul>
  </div>
</body>
</html>

可是動態讀取是統一的呀?寬度不夠咋辦捏?錯誤的換行效果并不是我們想要的!PHP學習

PHP實戰：php動態讀取數據清除最右邊距的方法PHP學習

解決方案一：樣式加寬隱藏PHP學習

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

預覽正常：PHP學習

PHP實戰：php動態讀取數據清除最右邊距的方法PHP學習

解決方案二：php判斷,清除最右欄邊距PHP學習

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

PHP實戰：php動態讀取數據清除最右邊距的方法PHP學習

方案一和方案二都是可以實現一樣的效果!PHP學習

以上這篇php動態讀取數據清除最右邊距的方法就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持維易PHP.PHP學習

轉載請注明本頁網址：
http://www.snjht.com/jiaocheng/969.html


    標簽：