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