html - 如何在同一行显示 内的 ？

Question

我有这个代码 here 为了创建标签云，标签是<a>的 并在其中插入一个带有标签计数的跨度。

我希望它们始终在一起，但在某些情况下换行符，尽管我为 <a> 设置了“显示:内联”以防万一，还是不行。

Answer 1

a 和 span 元素默认都是内联的。您的问题是内联元素是自动换行的，并且是按单词而不是按元素工作的。

使用 white-space: nowrap 禁用自动换行，或者使外部元素 display: inline-block 使其作为一个完整的元素换行。