Question

对于学校我正在为孩子们制作一个小网站来学习计算。我让php创建了10个随机总和，并将它们放在彼此之间的单独分区中。每个部门都包含一个表格。但由于文本（总和）都是不同的长度，因此这些形式不会直接相互对齐。

这是创建总和的脚本：

 <html>
<head>
<title>Rekenen</title>
</head>

<body>
<h2>Delen - Toets</h2>
<div class="textboxlarge">
<form name="form1" method="post" action="index.php?pagina=28">
<?php session_start();

for($teller=1;$teller<11;$teller++){

$numberone = rand(5, 150); 
$numbertwo = rand(5, 150);
$getal1[$teller]=$numberone;
$getal2[$teller]=$numbertwo;
$_SESSION['getal1']=$getal1;
$_SESSION['getal2']=$getal2;  

echo "<div class='som'>$numberone : $numbertwo = <input name='$teller' ></div><br>";

}
  ?> 
<input type="submit" name="submit" value="verzenden">
<input type="reset" name="reset" value="reset">
</form>
</div>

</body>
</html>

在网站上它将如下所示： http://gyazo.com/52686785c5beb0e1e97f8b8682c200fb

现在我的qeustion是，对齐空白表单的最佳方法是什么？（抱歉我的英语不好，我不是英语母语人士，但我尽力了。）

Answer 1

为什么不使用表？

这样的事情：

<table>

<?php session_start();

for($teller=1;$teller<11;$teller++){

$numberone = rand(5, 150); 
$numbertwo = rand(5, 150);
$getal1[$teller]=$numberone;
$getal2[$teller]=$numbertwo;
$_SESSION['getal1']=$getal1;
$_SESSION['getal2']=$getal2;  

echo "<tr class='som'><td>$numberone : $numbertwo =</td><td> <input name='$teller'></td></tr>";

}
?> 
</table>

您可能需要稍微更改css才能获得相同的外观。

Answer 2

如果您知道数字的大小，请对您的div中的数字应用span s，并将其设置为：

http://jsfiddle.net/7YF5q/

在每个HTML / CSS下对齐表单

2 个答案: