Question

我遇到了无法获取内联HTML元素的问题。我意识到这让人想起过去发生过的问题，并且我可以使用float这样的方法来实现这一点，但我也想明白为什么inline无效。

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

如果你向下看，你会看到一个链接＆＃39;删除图像＆＃39;。这应该与Logo和Select Image一致，但事实并非如此。我已将CSS设置为显示元素inline，但无论我做什么，它都不起作用。

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

有人可以告诉我为什么inline在这种情况下不起作用？感谢。

作为一个FYI，这里是页面实际看起来像的图像 - enter image description here

Answer 1

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

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

.loading-dd-options {
    display: inline;
}

或者，您也可以将元素设置为inline-block，它会产生相同的效果。

Answer 2

“选择图片”中的div.loading-dd-options - div仍设置为display:block并强制换行。 display:block的每个元素都从下一行开始，并使用其父级的全宽，即使它是空的。