CSS 内联不起作用

Dav*_*ard 5 html css inline

我遇到一个问题,无法内联 HTML 元素。我意识到这让人想起过去发生的问题,并且我可以使用诸如float使其起作用的方法,但我也想具体了解为什么inline不起作用。

这是一个 JS 小提琴 - http://jsfiddle.net/K27nT/2/。这不是 100% 页面的样子,但它显示了我的问题。

如果您向底部看,您会看到一个链接“删除图像”。这应该符合LogoSelect Image,但事实并非如此。我已经设置了CSS来显示元素inline,但是无论我做什么,它都不起作用。

为了测试的目的,我确实将显示更改为inline-block,尽管在小提琴中工作,但在现实生活中仍然失败。我也确实将该<a>元素更改为<span>,只是为了看看发生了什么,但这也失败了。因此,我相信我的问题是在此元素之前引起的,但我不知道是什么原因造成的。

谁能告诉我为什么inline在这种情况下不起作用?谢谢。

仅供参考,这是页面实际外观的图像 - 在此输入图像描述

Jos*_*ier 4

这只是因为div元素之间仍然存在。在这种情况下.loading-dd-options

您可以通过将其设置为inline元素来解决此问题,因为block默认情况下它是级别元素。

.loading-dd-options {
    display: inline;
}
Run Code Online (Sandbox Code Playgroud)

jsFiddle 在这里展示了这一点

或者,您也可以将元素设置为inline-block,也会有相同的效果。

jsF 在这里闲逛