如何使用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创建一系列按钮？

回答

相关问题