php while 루프를 사용하여 일련의 버튼을 만드는 방법은 무엇입니까?

Question

가로 행에 4 개의 버튼을 만들고 싶습니다. 변수를 사용하여 'x'좌표를 설정하고 있습니다.

이 코드가 있습니다.

<?php 
$x=0; 
while ($x<1000) 
{ 
    echo $x; 
    echo '<div style="position: absolute;top: 0; left: '.$x.';width: 200px;"> 
    <button style="width: 200px; height: 125px" onclick="this.parentElement.style.display=\'none\'" class="w3-button w3-red"></button> 
    </div>'; 
    $x=$x+250; 
} 
?> 

하지만 버튼 하나만 표시하고 4 버튼은 표시하지 않습니다. 문제가 어디

Answer 1

당신은 왼쪽 후 픽셀 누락 ... 볼 수 없습니다 :

echo '<div style="position: absolute;top: 0; left: '.$x.'px;width: 200px;"> 

<div class="section result" style="margin-top:80px;"> 
 
    0 
 
    <div style="position: absolute;top: 0; left: 0;width: 200px;"> 
 
    <button style="width: 200px; height: 125px" onclick="this.parentElement.style.display='none'" class="w3-button w3-red">1</button> 
 
    </div>250 
 
    <div style="position: absolute;top: 0; left: 250px;width: 200px;"> 
 
    <button style="width: 200px; height: 125px" onclick="this.parentElement.style.display='none'" class="w3-button w3-red">2</button> 
 
    </div>500 
 
    <div style="position: absolute;top: 0; left: 500px;width: 200px;"> 
 
    <button style="width: 200px; height: 125px" onclick="this.parentElement.style.display='none'" class="w3-button w3-red">3</button> 
 
    </div>750 
 
    <div style="position: absolute;top: 0; left: 750px;width: 200px;"> 
 
    <button style="width: 200px; height: 125px" onclick="this.parentElement.style.display='none'" class="w3-button w3-red">4</button> 
 
    </div> 
 
</div>