5

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

这是一个 JS Fiddle - http://jsfiddle.net/K27nT/2/。页面看起来不是 100%，但它显示了我的问题。

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

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

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

作为一个仅供参考，这是页面实际外观的图像 - 在此处输入图像描述

4

2 回答 2

4

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

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

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

jsFiddle 在这里演示

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

jsFiddle在这里

于 2013-10-31T18:32:22.950 回答
1

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

于 2013-10-31T18:31:08.577 回答