データを動的に読み取り、右端のマージンをクリアする PHP メソッド-PHPチュートリアル-php.cn

ホームページ

バックエンド開発

PHPチュートリアル

データを動的に読み取り、右端のマージンをクリアする PHP メソッド

墨辰丷

May 24, 2018 am 09:35 AM

php データクリア

この記事では主にPHPでデータを動的に読み込んで右端のマージンをクリアする方法を紹介しますので、興味のある方は参考にしていただければ幸いです。

1行3列の必須効果:

シナリオシミュレーション: 同僚が次のような静的コードをくれました:

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

ログイン後にコピー

しかし、動的読み取りは統一されているのでしょうか?幅が足りない場合はどうすればいいですか？間違った改行効果は私たちが望むものではありません

解決策 1: スタイルの拡大と非表示

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

ログイン後にコピー

プレビューは正常です:

解決策2:php判定、右端の列の余白をクリアします

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

ログイン後にコピー

オプション 1 と 2 はどちらも同じ効果を実現できます。以上がこの記事の全内容です、皆様の学習のお役に立てれば幸いです。

ホットAIツール

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

脱衣画像を無料で

Clothoff.io

AI衣類リムーバー

AI Hentai Generator

AIヘンタイを無料で生成します。

ホットツール

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

神レベルのコード編集ソフト（SublimeText3）

ホットトピック

Gmailメールのログイン入り口はどこですか？

7442

CakePHP チュートリアル

1371

Steamのアカウント名の形式は何ですか

Win11 Activation Key Permanent

NYTの接続はヒントと回答です

Related knowledge

CakePHP プロジェクトの構成 Sep 10, 2024 pm 05:25 PM

この章では、CakePHP の環境変数、一般設定、データベース設定、電子メール設定について理解します。

Ubuntu および Debian 用の PHP 8.4 インストールおよびアップグレードガイド Dec 24, 2024 pm 04:42 PM

PHP 8.4 では、いくつかの新機能、セキュリティの改善、パフォーマンスの改善が行われ、かなりの量の機能の非推奨と削除が行われています。このガイドでは、Ubuntu、Debian、またはその派生版に PHP 8.4 をインストールする方法、または PHP 8.4 にアップグレードする方法について説明します。