将“输入”复选框和下列文本保留在同一行中
将“输入”复选框和下列文本保留在同一行中
提问于 2022-11-29 13:42:15
我有一个PHP代码
<?php $j = 0; foreach($v->valeur as $valeur) { ?>
<input type="checkbox"
class=" "
name="check<?php echo $v->id; ?>[]"
value="<?php echo $j; ?>"
<?php if(strpos($v->active,','.$j.',')!==false) echo ' checked'; ?>
data-labelauty="<?php echo $valeur; ?>" />
<?php echo $valeur.str_repeat(' ', 2); ?>
<?php ++$j; ?>[![enter image description here][1]][1]
<?php } ?>其中，echo $valeur.str_repeat(' ', 2);生成“Djembe”。我的问题是，我希望复选框和文本在屏幕宽度无限制的同一行上。看到一些代码和要求输出
回答 3
Stack Overflow用户
发布于 2022-11-29 13:48:54
要将复选框和文本保留在一行上，可以在复选框和文本元素上使用CSS属性"display: inline；“。这将确保两个元素保持在同一条线上，而不管屏幕宽度如何。例如：
<input type="checkbox"
class="checkbox"
name="check<?php echo $v->id; ?>[]"
value="<?php echo $j; ?>"
<?php if(strpos($v->active,','.$j.',')!==false) echo ' checked'; ?>
data-labelauty="<?php echo $valeur; ?>"
style="display:inline-block;" />
<?php echo $valeur.str_repeat(' ', 2); ?>
style="display:inline-block;">
<?php ++$j; ?>Stack Overflow用户
发布于 2022-11-29 13:57:57
您必须扭曲标签或div等标签中的输入和文本，并赋予标记属性display: inline-block;。
Stack Overflow用户
发布于 2022-11-29 15:06:24
好的，就这样解决：
<?php } else if($v->type==4) { ?>
<?php $j = 0; foreach($v->valeur as $valeur) { ?>
<div style="display:inline-block;">
<input type="checkbox" class=" " name="check<?php echo $v->id; ?>[]"
value="<?php echo $j; ?>"<?php if(strpos($v->active,','.$j.',')!==false)
echo ' checked'; ?> data-labelauty="<?php echo $valeur; ?>" />
<?php echo $valeur.str_repeat(' ', 2); ?>
</div>
<?php ++$j; ?>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/74615041
复制相关文章
相似问题
腾讯云开发者
