如何使一个的显示器内的同一行？

Question

我有这个代码here为了创建一个标签云，这些标签是<a>的，在里面我插入了一个带有标签数量的跨度。如何使一个<span>的<a>显示器内的同一行？

我希望它们总是在一起，但在某些情况下换行符，虽然我为<a>设置了“display：inline”以防万一，但仍然无效。

Answer 1

两个a和span元素是行内默认。您的问题是内联元素是自动换行，并且每个字的作品，而不是每个元素。

要么使用white-space: nowrap禁用文字换行，要么使外部元素display: inline-block使其包装为完整元素。

Answer 2

您要添加white-space:nowrap;到你的CSS。这告诉浏览器禁用元素内的任何文本换行。

更新小提琴：http://jsfiddle.net/k4u8U/3/

Answer 3

您需要添加white-space:nowrap的一个元素。

看到修改后的例子http://jsfiddle.net/k4u8U/4/

Answer 4

要么添加display:inline-block;或white-space:nowrap;你的CSS为a标签。

这里是2个更新jsfiddles： 与display:inline-block; http://jsfiddle.net/k4u8U/5/

与white-space:nowrap; http://jsfiddle.net/k4u8U/6/