如何在PHP中使用while循环创建DIV框？-HowcanIcreateDIVboxeswithawhileloopinPHP?

作者：傻瑶叫一下来人fd_478 | 来源：互联网 | 2023-02-08 19:07

IamtryingtocreateaDIVboxbyreadingitsX,YcoordinatesfromMySQL.IamusingPHPandHTMLo

I am trying to create a DIV box by reading its X,Y coordinates from MySQL. I am using PHP and HTML on the same file. I have included my CSS as well (I will make a separate CSS file afterwards).

我试图通过从MySQL读取其X,Y坐标来创建DIV框。我在同一个文件上使用PHP和HTML。我也包含了我的CSS(之后我将制作一个单独的CSS文件)。

Right now I am getting results but only boxes one under the other. I am doing a cartesian map and have to place each BOX on their appropriate position. I want to avoid using Javascript and Canvas, just pure css,html and php I am using DIVs for a specific reason to put information in them after. Below is my code, thanks in advance for the help!

现在我得到的结果,但只有一个在另一个下面。我正在做笛卡尔地图,并且必须将每个BOX放在适当的位置。我想避免使用Javascript和Canvas,只是纯css,html和php我使用DIV是出于特定原因将信息放入其中。以下是我的代码,提前感谢您的帮助!

Top of the file I have:

我有文件的顶部:

My CSS in the head:

我头脑中的CSS:

I am trying to loop through here, for each row that exists create a div at its appropriate location:

我试图在这里循环,因为存在的每一行在其适当的位置创建一个div:


  Section A
  box here";                                           
    } //end while coord_result loop
?>

1 个解决方案

#1

No where are you actually assigning the coordinates to the DIV.

不知道你在哪里实际为DIV分配坐标。

Like so:

//get number of rows for X,Y coords in the table
while($row = mysqli_fetch_assoc($coord_result)){    
    //naming X,Y values
    $x_pos = $row['x_coord'];
    $y_pos = $row['y_coord'];     

    //draw a box with a DIV at its X,Y coord    
    echo "
           box here";                                           
} //end while coord_result loop

This code is taking each X/Y coordinate and absolutely positioning the DIV from the left/top corner of the parent DIV, with the coordinates you generate in each loop.

此代码采用每个X / Y坐标,并使用您在每个循环中生成的坐标从父DIV的左/上角绝对定位DIV。