你可以只对被包装的文本,即第二行和后续行应用CSS吗？

Question

我想margin-left只打开包装的文本,即第一行后面的文本:

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

例

点击查看

输入和标签是1 div,文本包装在第二行,这是我想要的
但是可能只有在第二行包装的文本上留下的边距

jsfiddle我的问题的例子

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 仅适用于块级元素中的第一行文本,因此它应该实现您想要的.

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