html - 新行标签下的文本换行

Question

我有一个页面，一个确认页面。

左侧<label> , 在中间padding , 右边<span>

跨度中的文本如果太长，会包裹在标签下方，而不是标签宽度下方，如 inline-block .

<label>Label1:</label>
<span class="class">Lorem ipsum dolor sit amet, consectetur adipiscing elit,</span>
<label>Label2:</label>
<span class="class"> sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, </span>

CSS

label, span {
     width: 45%
}
label {
     float: left;
}

我怎样才能使 CSS 占 45% 并且在多行上？

Answer 1

如果您将 span 和标签更改为 inline-block，它们的行为将完全符合您的要求。

label, span {
    width: 45%;
    display:inline-block;
    vertical-align:top;
}

参见 this update to j08691's fiddle .

但是您的问题似乎表明您不希望这样，对吗？