如何在 prestashop 上对齐复选框和标签
How to align checkbox and label on prestashop
您好,我正在开发 prestashop 模块,我想在 smarty 模板中将复选框与标签对齐。
例如,我试试这个:
<input id="Checkbox1" name="Checkbox1" type="checkbox" value="Admin" />
<label for="Checkbox1">test</label>
但在我的导航器上,标签位于复选框下方,在 HTML 源代码中,我在 checkbox
.
周围看到一个 div
<div class="checker" id="uniform-Checkbox1"><span><input id="Checkbox1" name="Checkbox1" value="Admin" type="checkbox"></span></div>
<label for="Checkbox1">test</label>
这段代码运行完美地出现在经典的HTML页面中。
感谢帮助。
我在 docker 环境中使用 Prestashop 1.6.1.4。
在您的自定义 css 文件中粘贴以下 css:
.checker,
.checker+label {
display: inline-block;
vertical-align: middle;
}
.checker,
.checker+label {
display: inline-block;
vertical-align: middle;
}
<div class="checker" id="uniform-Checkbox1"><span><input id="Checkbox1" name="Checkbox1" value="Admin" type="checkbox"></span></div>
<label for="Checkbox1">test</label>
您好,我正在开发 prestashop 模块,我想在 smarty 模板中将复选框与标签对齐。
例如,我试试这个:
<input id="Checkbox1" name="Checkbox1" type="checkbox" value="Admin" />
<label for="Checkbox1">test</label>
但在我的导航器上,标签位于复选框下方,在 HTML 源代码中,我在 checkbox
.
div
<div class="checker" id="uniform-Checkbox1"><span><input id="Checkbox1" name="Checkbox1" value="Admin" type="checkbox"></span></div>
<label for="Checkbox1">test</label>
这段代码运行完美地出现在经典的HTML页面中。 感谢帮助。 我在 docker 环境中使用 Prestashop 1.6.1.4。
在您的自定义 css 文件中粘贴以下 css:
.checker,
.checker+label {
display: inline-block;
vertical-align: middle;
}
.checker,
.checker+label {
display: inline-block;
vertical-align: middle;
}
<div class="checker" id="uniform-Checkbox1"><span><input id="Checkbox1" name="Checkbox1" value="Admin" type="checkbox"></span></div>
<label for="Checkbox1">test</label>