PHP를 사용하여 동적으로 데이터를 읽고 가장 오른쪽 여백을 지우는 방법의 예-PHP 튜토리얼-php.cn

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

PHPz

풀어 주다： 2023-03-07 12:32:02

원래의

1787명이 탐색했습니다.

다음 편집기는 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>

로그인 후 복사

미리보기가 정상입니다: