Php 将HTML/CSS下的表单相互对齐_Php_Html_Css_Forms_Alignment

Php 将HTML/CSS下的表单相互对齐

php html css forms

Php 将HTML/CSS下的表单相互对齐,php,html,css,forms,alignment,Php,Html,Css,Forms,Alignment,在学校，我正在为孩子们制作一个学习计算的小网站。我让php创建10个随机和，并将它们放在彼此下面的不同分区中。每个部分包含一个表单。但由于文本（总和）的长度不同，这些形式不会直接在彼此下方对齐这是创建总和的脚本： <html> <head> <title>Rekenen</title> </head> <body> <h2>Delen - Toets</h2> <div class="te

在学校，我正在为孩子们制作一个学习计算的小网站。我让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>


雷克南
德伦-托茨
你为什么不用桌子
大概是这样的：
<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>


如果您知道数字的大小，请对div中的数字应用span
s，并按如下方式设置：
请提供一个有效的屏幕链接谢谢你的提醒，现在应该可以了你的示例链接不起作用；您显示的脚本并没有创建10个单独的表单，而是创建一个包含多个div
和输入字段的表单。至于对齐，请将数字放在单独的HTML元素中，并使这些元素的宽度足以容纳最大的数字。浮动或显示：可能需要内联块
来实现这一点。如果这些技术对你来说还没有任何意义，那么请先学习一些关于CSS布局基础知识的教程。我修复了这个链接，我想我可以按照你告诉我的做。我会告诉你它是否有效！已经谢谢你了。