CSS跨度不能完全包裹

我遇到了一些問題，當它達到最大寬度時，換行到新行。我將我的博客設置爲在單個div中顯示所有標籤，並且當第一行達到最大寬度時，下一個標籤應該跳到下一行。（附件是什麼在Chrome和Firefox發生）CSS跨度不能完全包裹

這裏是CSS代碼：

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

所有的HTML/PHP是，

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

Chrome Firefox

2012-08-28 Zach Case

也許你可以創建一個最小的小提琴（jsfiddle.net）顯示問題。在那裏你甚至可以包括你的形象。 –

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

嘗試將您的跨度設置爲display: inline-block。

2012-08-28 20:23:51 Nate

Nate謝謝你！像魅力一樣工作。 –

很高興幫助！ – Nate

@Krewe - 偉大的工作，這就是我的想法 - 那就是說，我會圍繞''圍繞''而不是相反的方向，給出'Test' - 從我的觀點來看：這是一個標籤，這個標籤鏈接到（某物）。 –

將word-wrap: normal;和word-break: normal;加到您的span和p容器中。這將確保只有在需要包裝時纔會在允許的折點處打破單詞。

我希望有幫助！

2012-08-28 20:16:12 Chris

對於Chrome和Firefox使用word-突破：打破字和IE使用-MS-字突破：保所有

2016-03-17 11:30:03

回答