我有一个带有复选框的表单,我想将复选框排列在两列中,而不是单个长列。
如何将其分割为两列?
下面是我的代码:if($proceder == True) {
echo "<form name='formulario' method='POST' action='iconizar.php'>";
$iconosm = 0;
$server_groups = $ts3_VirtualServer->serverGroupList();
$servergroups = array();
# En vez de iterar por todos los grupos intenten
foreach($server_groups as $group) {
if($group->type != 1) { continue; }
if(in_array($group["sortid"], $SID_GROUP)) {
$servergroups[] = array('name' => (string)$group, 'id' => $group->sgid, 'type' => $group->type);
}
}
$_SESSION['grupos'] = $servergroups;
foreach($servergroups as $group) {
$miembros = $ts3_VirtualServer->serverGroupClientList($group["id"]);
$estaengrupo = False;
foreach($miembros as $m) {
if($m["client_unique_identifier"] == $client_uid) {
$estaengrupo = True;
}
}
if($estaengrupo) {
$iconosm = $iconosm + 1;
echo '<li><img src="./iconos/icons/'.$group['id']. '.png" alt="" /> ';
echo '<label><input type=checkbox name=grupos['.$group["id"].'] id="'.$group["id"].'" value="'. $group["id"] .'"class="icono" checked >'.$group["name"].'</label><br>';
} else {
echo '<li><img src="./iconos/icons/'. $group['id'] . '.png" alt="" /> ';
echo '<label><input type=checkbox name=grupos['.$group["id"].'] id="'. $group["id"] .'" value="'. $group["id"] .'" class="icono"> '.$group["name"].'</label><br>';
}
}
我假设你有额外的代码没有发布,关闭你的表单和li元素,但在任何情况下,你可以使用CSS做到这一点。在你的表单上设置一个宽度(或者它的包装元素,将容纳两个你的li元素,并排,然后设置浮动属性为'left'为你的li标签…使用内联样式,您可以回显html,看起来像这样:
表单标签:
<form style="width: 400px;" name='formulario' method='POST'>
标签:
<li style="width 50%;float: left;">...
如果你需要你的复选框出现在左列的前半部分,然后出现在写的后半部分,这将涉及到一些PHP
您的unordered元素在哪里?然后将
更改为