Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/php/296.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
在php中动态创建复选框时,如何将复选框并排对齐?_Php_Html_Css - Fatal编程技术网

在php中动态创建复选框时,如何将复选框并排对齐?

在php中动态创建复选框时,如何将复选框并排对齐?,php,html,css,Php,Html,Css,我正在尝试创建一个带有多个复选框的表单。复选框是从数据库动态创建的,但它们总是在新行中创建,而我希望它们并排对齐。我不熟悉CSS和php/mysql,所以我无法正确使用它。你能帮我吗 $mysqli=newmysqli('localhost','mechuser','mypassword','mechug_lab'); $query=“从lab_id='530_335'和slot_status='0'以及expt_id='3'的插槽中选择*; $result=mysql\u query($qu

我正在尝试创建一个带有多个复选框的表单。复选框是从数据库动态创建的,但它们总是在新行中创建,而我希望它们并排对齐。我不熟悉CSS和php/mysql,所以我无法正确使用它。你能帮我吗

$mysqli=newmysqli('localhost','mechuser','mypassword','mechug_lab');
$query=“从lab_id='530_335'和slot_status='0'以及expt_id='3'的插槽中选择*;
$result=mysql\u query($query);
如果($结果){
如果(mysql_num_rows($result)!=0){
$date=“0000-00-00”;
而($row=mysql\u fetch\u array($result)):
?>

复选框周围的div是块级元素(生成新行),您可能希望使用span(这是一个内联级元素),或者生成内联/内联块元素或浮动它们,选择权在您:)

style=“display:inline”
style=“display:inline block”
而不是

向其添加style=“float:left”



还有其他方法,比如将它们放在表中。或者只是将它们添加到一个
class=”“
,然后让设计者按照自己想要的方式对其进行格式化。

将一个类添加到您的div中,或者如果有父类,则专门针对它

在css使用中:

div.yourclass {
   display:inline-block
}
例如:

使用
display:inline block
允许您保留在
div
中包装的好处(假设您这样做是出于某种原因),同时让元素显示为内联或相邻的“float”


避免像其他答案所建议的那样使用内联样式。

使用
显示:内联块的div,并将宽度设置为100/count%。使用4个复选框,您可以使它们以
宽度:25%

的方式很好地分布。将包装复选框的
div
指定为类,然后在css:
中{display:inline block}
这只是一个有用的提示:在处理这样的格式问题时,我喜欢先用纯HTML模拟它,然后根据我的工作规范构建PHP代码以响应HTML。内联样式并不总是正确的,但如果这是在一个巨大的站点上(并且复选框仅在此页面上)样式表已经很大了,或者这是一个模板文件,这可能是一个完美的方式。也许,如果这是您需要应用于页面的唯一样式(我以前从未见过),然后我可以看到内联样式是一个不错的选择。但是,如果已经有样式表,为什么要使用内联样式呢?我不明白这是一个大的还是小的网站,模板与否有什么关系。我通常使用模板来为我的客户简化网站的编辑,如果是这样的话,他们可能不具备在CS中找到正确行的技能S、 如果样式仅用于订单页面,则没有其他位置。并且站点包含数个100页,则您的工作表可能会变大,而将所有样式加载到第一页可能会减慢站点的速度。我更喜欢另一种解决方案,该解决方案中的工作表可以更具动态性le我经常使用服务器端编程根据站点的各个部分从主css生成“”
<div style="float:left;">
div.yourclass {
   display:inline-block
}