问HTML文本和图像线条折叠
EN

Stack Overflow用户

提问于 2010-01-14 00:16:27

回答 1查看 641关注 0票数 0

我有一个html页面，其中文本文章标题后面是一个图像。当标题足够大时，它的一部分将与图像一起进入换行符。但有时文本标题适合页面，但只有没有图像，所以图像转到换行符。如何将图像与标题的最后一个单词粘合在一起，使图像仅与文本部分一起转到新行？

当前HTML标记：

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

回答已采纳

发布于 2010-01-14 00:20:05

在img和锚标签之间添加一个不间断的空格可以防止浏览器将它们分割成单独的行。然而，这会将图像粘合到整个链接上。

如果只想把图片粘贴到链接的最后一个作品上，你可以去掉链接的最后一个单词，或者把图片放进去，然后在最后一个单词和图像之间留出相同的不间断的空格，就可以得到你想要的布局。

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/2058259

复制

相似问题

问HTML文本和图像线条折叠EN