是否可以模拟一个没有？

Question

请看一下这段代码:

<span class="something">
    <label>test1</label><br/>
    <label>test2</label><br/>
    <label>test3</label>
</span>

这将创建一个垂直的标签列表.没有<br>使用CSS 的标签可以做到这一点吗？可以使用此HTML代码显示相同的垂直对齐标签列表吗？:

<span class="something">
    <label>test1</label>
    <label>test2</label>
    <label>test3</label>
</span>

Answer 1

你可以这样做:

span.something label {
  display: block; /* as opposed to display: inline; */
}

这是有效的,因为默认情况下<label>s是inline元素.如果将它们更改为显示块,它们将显示在列表中,并在它们之间有换行符.

然而,这可能是一个做你想要的坏方法.你真正想要的是一个无序列表:

<ul class="something">
  <li>test1</li>
  <li>etc...</li>
</ul>

摆脱要点:

ul.something {
  list-style: none;
}