이 글은 주로 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 '<li></li>';
}
?>
</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 '<li style="'.$margin_r.'">'.$i%$col.'</li>';
}
?>
</ul>
</p>
옵션 1과 2 모두 동일한 효과를 얻을 수 있습니다! 위 내용은 이 글의 전체 내용입니다. 모든 분들의 공부에 도움이 되었으면 좋겠습니다.
관련 권장 사항:
위 내용은 데이터를 동적으로 읽고 가장 오른쪽 여백을 지우는 PHP 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
