0

我试图在网页上并排放置两个表格，但由于某种原因，当我尝试定位它们时，第二个表格正好位于第一个表格的正下方。这是我的代码。

<html>
<body>

<?php

function specificstat($statname){
echo "<table cellpadding=10 border=1>";
  echo "<CAPTION>".$statname."</CAPTION>";
     for($i=1;$i<=10;$i++){ 
    echo "<tr>";
     echo "<td>".$i."</td>";
    echo '<td>test</td>';
    echo "</tr>";
}
 }

 ?>

<div style="position: absolute; top: 20%; left:10%;">

 <?php
 specificstat("Points");
   ?>
</div>

      <div style="position: absolute; top: 20%; left:40%;">


 <?php
 specificstat("Goals");
 ?>

</div>

 </body>
</html>

我曾尝试使用 css 来定位两个 div，但这也不起作用。如果有人能找出问题所在，那就太好了！

谢谢

4

3 回答 3

1

我会使用浮动。这会将元素彼此相邻放置。

<table cellpadding=10 border=1 style='float:left'>

另一个问题是您没有关闭 table 标记。解决这个问题，它可能会做你想做的事。

于 2013-05-07T23:06:21.077 回答
0

尽管不推荐使用内联 CSS，但这应该会让您走上正轨：

<div style="position: absolute; top: 20%; left:10%; float: left;">
于 2013-05-07T23:00:12.187 回答
0 
}
echo "</table>";
}

关闭两个右大括号之间的表格 }}

于 2017-11-01T21:03:14.237 回答