显示：内嵌块，但移动div尽可能高

我有两个div，我想并排如果屏幕足够宽，但如果它是一个狭窄的屏幕我希望他们显示一个在另一个之下，基本上就像内联块一样。内联块的问题是，较短的一个就像它可以在“行”上一样低，就像在一个更大的字母旁边的句号。我怎么能让这两个div在'行'上尽可能地高，所以空格在小于它的下面的div下面，更像是一个字母旁边的引号标记显示：内嵌块，但移动div尽可能高

这两个div都可能比其他

来源

2012-10-23 Kelly Larsen

您可以尝试使用“float：left;”而不是显示：内联。 – user1760422

对不起，你不喜欢float：left的建议。通过允许多个div在一行中浮动，这往往与内联具有相同的影响，但是如果没有足够的空间，仍然会包装掉。另外，除非区域定义为中心线或底部线......并且非常可靠，否则浮动将倾向于打包到可用空间的顶部。 – user1760422

我会很有兴趣知道为什么浮动票已经被投票了？这应该给出问题中要求的确切结果。 – Andrew

我认为你正在寻找：

vertical-align: top;

但是，没有看到你的测试用例很难辨别是否有其他指标，正在创建的空间，如，margin，padding等

来源

2012-10-23 08:03:38

完美谢谢:) –

显示：内嵌块，但移动div尽可能高

回答

相关问题