如何使用php While Loop創建一系列按鈕？

-1

我想在水平行中創建4個按鈕。我使用一個變量來設置'x'座標。如何使用php While Loop創建一系列按鈕？

我有這段代碼。

<?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。我看不出是哪裏的問題......

來源

2017-04-17 stilts77

其顯示如果我執行4個按鈕。請再檢查一次。或者清除你的緩存。 –

你有沒有想過或沒有？ –

以下答案整理。 – stilts77

你留下後缺少一個PX：

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>

來源

2017-04-17 12:59:53 mplungjan

謝謝。我知道它應該有效。 – stilts77

如何使用php While Loop創建一系列按鈕？

回答

相關問題