标签文本换行但不缩进第二行

2024-03-25

我有一个宽度有限的表单,但是标签文本可能比表单宽度长,因此文本被换行为多行。我的问题是,由于输入元素,第一行缩进,但第二行没有缩进,这使得表单不太好。

你有什么想法让第二行、第三行...将缩进为第一行,只使用CSS吗?

Actual:

我的期望是

这是我的案例示例:

http://jsbin.com/UvaqISO/2/edit http://jsbin.com/UvaqISO/2/edit


像这样的东西。

.checkbox-field {
    display: flex;
    flex-direction: row;
}
<div class="checkbox-field">
    <input type="checkbox" id="check">
    <label for="check">Field 2 Label, may be longer than normal, This is an example for this lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem</label>
</div>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

标签文本换行但不缩进第二行 的相关文章

随机推荐