如何<span> <a> 在同一行中制作内部显示器?



我在这里有这样的代码,以便创建一个标签云,标签是<a>的,我在里面插入一个带有标签计数的跨度。

我希望它们总是在一起,但在某些情况下会换行,尽管我为<a>设置了"display:inline"以备不时之需,但它仍然不起作用。

默认情况下,aspan元素都是内联的。您的问题是内联元素是用词包装的,这是按单词工作的,而不是按元素工作的。

使用white-space: nowrap禁用字包装,或者使外部元素display: inline-block作为完整元素包装。

您需要将white-space:nowrap添加到a元素中。

参见修改后的示例http://jsfiddle.net/k4u8U/4/

您想要将white-space:nowrap;添加到css中。这告诉浏览器禁用元素内的任何文本环绕。

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

display:inline-block;white-space:nowrap;添加到a标记的CSS中。

以下是2个更新的jsfiddles:带display:inline-block;http://jsfiddle.net/k4u8U/5/

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

最新更新