我在这里有这样的代码,以便创建一个标签云,标签是<a>
的,我在里面插入一个带有标签计数的跨度。
我希望它们总是在一起,但在某些情况下会换行,尽管我为<a>
设置了"display:inline"以备不时之需,但它仍然不起作用。
a
和span
元素都是内联的。您的问题是内联元素是用词包装的,这是按单词工作的,而不是按元素工作的。
使用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/