데이터를 동적으로 읽고 가장 오른쪽 여백을 지우는 PHP 방법

墨辰丷
풀어 주다: 2023-03-27 18:06:02
원래의
1177명이 탐색했습니다.

이 글은 주로 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>
로그인 후 복사

미리보기는 정상입니다:

Solut 이온 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 모두 동일한 효과를 얻을 수 있습니다! 위 내용은 이 글의 전체 내용입니다. 모든 분들의 공부에 도움이 되었으면 좋겠습니다.


관련 권장 사항:

Framework Thinkphp5 동작 후크 Hook의 간단한 구현


php 네 가지 기능 shell_exec, exec, passthru, 시스템 각각 사용 시나리오


php는 __call 오버로딩을 사용합니다


위 내용은 데이터를 동적으로 읽고 가장 오른쪽 여백을 지우는 PHP 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿
회사 소개 부인 성명 Sitemap
PHP 중국어 웹사이트:공공복지 온라인 PHP 교육,PHP 학습자의 빠른 성장을 도와주세요!