html - CSS span 没有完全包裹

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;将and添加word-break: normal;到您的span和p容器中。这将确保单词仅在需要换行时在允许的断点处被打破。

我希望这有帮助！