我遇到一个问题,无法内联 HTML 元素。我意识到这让人想起过去发生的问题,并且我可以使用诸如float使其起作用的方法,但我也想具体了解为什么inline不起作用。
这是一个 JS 小提琴 - http://jsfiddle.net/K27nT/2/。这不是 100% 页面的样子,但它显示了我的问题。
如果您向底部看,您会看到一个链接“删除图像”。这应该符合Logo和Select Image,但事实并非如此。我已经设置了CSS来显示元素inline,但是无论我做什么,它都不起作用。
为了测试的目的,我确实将显示更改为inline-block,尽管在小提琴中工作,但在现实生活中仍然失败。我也确实将该<a>元素更改为<span>,只是为了看看发生了什么,但这也失败了。因此,我相信我的问题是在此元素之前引起的,但我不知道是什么原因造成的。
谁能告诉我为什么inline在这种情况下不起作用?谢谢。
仅供参考,这是页面实际外观的图像 -

这只是因为div元素之间仍然存在。在这种情况下.loading-dd-options
您可以通过将其设置为inline元素来解决此问题,因为block默认情况下它是级别元素。
.loading-dd-options {
display: inline;
}
Run Code Online (Sandbox Code Playgroud)
或者,您也可以将元素设置为inline-block,也会有相同的效果。