HTML-如何将复选框和滑块放在同一行中
HTML-如何将复选框和滑块放在同一行中
提问于 2017-04-21 01:34:26
我有一个文本标签，一个复选框和一个不透明滑块(对于一个开图层地图)，我想在同一条线上找到它们，默认情况下，它们在不同的行上。
知道怎么把他们排在同一条线上吗？我的代码是
<li><span>Parish</span>
<fieldset id="layer6" style="border:none">
<label class="checkbox" for="visible6">
<input id="visible6" class="visible" type="checkbox"/>
</label>
<label></label>
<input class="opacity" type="range" min="0" max="1" step="0.01"/>
</fieldset>
</li>回答 2
Stack Overflow用户
回答已采纳
发布于 2017-04-21 01:48:17
标签的默认显示是内联的，对于复选框和范围则是内联块。因此，如果您的范围输入转到下一行，这意味着第一行中所有输入的宽度都大于其父容器的宽度。检查父容器的宽度，并将其与输入字段和标签的宽度进行比较。
Stack Overflow用户
发布于 2017-04-21 01:45:21
将代码更改为：
<li align="center"><span>Parish</span>
<div align="center">
<fieldset id="layer6" style="border:none">
<label class="checkbox" for="visible6">
<input id="visible6" class="visible" type="checkbox"/>
</label>
<label></label>
<input class="opacity" type="range" min="0" max="1" step="0.01"/>
</fieldset>
</div>
</li>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/43532473
复制相关文章
相似问题
腾讯云开发者
