我正在使用 bootstrap，我想显示一张图片，然后显示一些文本。但是，无论我做什么，文本都会跳到下一行，即使图像后面有足够的空间。这是代码:
<div class="splash">
<h1><img src="logo.png" style="width:120%;height:auto" class="gold"><small>text</small></h1>
</div>
我认为默认情况下图像应该是内联的，但以防万一我在我的 css 表中添加了这个类:
.gold {
display: inline;
}
谁能解释为什么这不起作用？
最佳答案
您的问题出在您使用内联 CSS 手动设置为 120% 的 width 上。它占用的宽度超过了整个宽度 (100%)，没有剩余空间，因此文本会跳到下一行。
如果您删除那段代码或将其更改为更小的代码，它将按预期工作。
关于css - 图像未内联显示，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/31576875/