html - 如何为块元素设置动态宽度？

Question

我有 30 个元素，其类.lollipop具有line-height: 30px; height: 30px;.

<a class="lollipop">Random text</a>
<a class="lollipop">Random text longer</a>
<a class="lollipop">Short</a>
...

我如何编写 CSS 以具有动态宽度（它们的宽度会根据它们内部的文本量进行调整，就像通常那样）并且每行只有一个这些元素，可能不添加其他 HTML 元素？

score 3 · Accepted Answer

可能最简单的方法是：

a {
    float: left;
    clear: left;
}

有了这个，您不必更改 HTML。

score 0 · Accepted Answer

display: table-row如果您希望所有链接的宽度相等，您可以尝试，灵活宽度被计算为链接的最大宽度。

或者您可以使用:before伪来创建一种没有浮动和清除的清除，以防它在您的设计中引起问题。

2 回答 2