CSS没有完全包装

Question

我遇到一些问题，当它到达最大宽度时将东西包装到新行。我的博客设置在一个div中显示所有标签，当第一行达到最大宽度时，下一个标签应跳转到下一行。 （附件是Chrome和Firefox中发生的事情）

http://jsfiddle.net/QHWNF/7/

这是CSS代码：

p.tagHolder{
margin-bottom:5px;
line-height:25px;}

所有HTML / PHP都是：

<a href="#"><span>TagName</span></a><a href="#"><span>TagName2</span></a>....

Answer 1

尝试将您的范围设置为display: inline-block。

http://jsfiddle.net/QHWNF/10/

Answer 2

将word-wrap: normal;和word-break: normal;添加到您的span和p容器中。这样可以确保在需要换行时，只在允许的断点处打破单词。

我希望有所帮助！