HTML文本和圖像行摺疊

Question

我有html頁面，文本標題後面跟着圖像。當標題足夠大時，它的一部分會與圖像一起進入換行。但有時文本標題適合頁面，但只有沒有圖像，所以圖像去換行。如何將圖像與標題的最後一個單詞粘合起來，以便圖像僅通過文本的一部分進入新行？

當前的HTML標記：

<div class="title"> 
<a href="link to the article">Article title goes here...</a><img src="/pics/.gif"/> 

Answer 1

添加IMG和定位標記之間的非打破空間應保持瀏覽器在單獨的行分裂他們。但是，這會將圖像粘貼到整個鏈接上。

爲了將圖像粘貼到鏈接的最後一部分，您可以將鏈接的最後一個單詞放在鏈接之外，或將圖像放入，然後在最後一個單詞和圖像會給你你想要的佈局。