我在花车方面遇到麻烦。

http://jsfiddle.net/hhbjf2wv/4/

<div>
  <div style="float:left; width:20px;">
    <input type="checkbox">
  </div>
  <div>

    Just some long long long text Just some long long long textJust some long long long textJust some long long long textJust some long long long text Just some long long long text Just some long long long textJust some long long long textJust some long long long textJust some long long long text

  </div>
</div>


我希望能够使复选框旁边的描述成为适当的列(所有行均等距缩进,而不会将它们第一次出现的机会包装在最左侧)。我怎么做?

最佳答案

您可以在包含文本的div中添加页边距和/或填充以使其对齐。

.indented_notif_text {
    margin-left:20px;
}


JSFIDDLE 1

.indented_notif_text {
    margin-left:20px;
    padding-left:20px;
}


JSFIDDLE 2

关于html - 在 float div换行后停止div,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/30213979/

10-12 12:36
查看更多