html - 您能否仅将 CSS 应用于包装的文本，即第二行和后续行？

Question

我只想在被换行的文本上放置 margin-left，即第一行之后的文本:

This is text with no margin left
     this text has margin left

例子

click to see

输入和标签在 1 个 div 中，文本在第二行换行，这就是我想要的
但是是否有可能只在第二行包裹的文本上留下边距

jsfiddle example of my problem

Answer 1

是的，有点——我建议结合使用 padding-left 和 text-indent:

HTML

<div class="test">
    <label for="2question1">
        <input type="checkbox" id="2question1" name="2question" title="Merknaam 1" /> Very long text which is wrapped on the next line
    </label><br>

    <label for="2question2">
        <input type="checkbox" id="2question2" name="2question" title="Merknaam 2" /> Merknaam 2
    </label><br>

    <label for="2question3">
        <input type="checkbox" id="2question3" name="2question" title="Merknaam 3" /> Merknaam 3
    </label><br>

    <label for="2question4">
        <input type="checkbox" id="2question4" name="2question" title="Merknaam 4" /> Merknaam 4
    </label><br>
</div>

CSS

.test {
    width:200px;
}

.test label {
    display: block;
    padding-left: 1em;
    text-indent: -1em;
}

text-indent 仅适用于 block 级元素中的第一行文本，因此它应该达到您想要的效果。

参见 http://jsfiddle.net/pauldwaite/qUvvv/