html - div的垂直对齐

我有三个div。两个div应该并排，第三个div应该紧随其后。所有div的大小各不相同。

div的结构-

<div style="display:inline">
  <table style="visibility:visible;width:100%;table-layout-fixed">
  </table>
</div>

因此，如果div1大于div2，则div3低于div2

      ---------------------------------------
       --------------             ----------
                                   Div 2
        Div 1                     ----------
                                  ----------
       --------------              Div 3
                                  ----------
      ---------------------------------------

但是，如果div1小于div2，则div3不会在div1之后立即出现
这就是对齐方式

      ---------------------------------------
       --------------             ----------
                                   Div 2
        Div 1
       --------------


       -------------              -----------
        Div 3
       -------------
      ----------------------------------------

我希望它像下面这样-

      ---------------------------------------
       --------------             ----------
                                   Div 2
        Div 1
       --------------
       --------------
        Div 3
       --------------
                                  -----------
      ----------------------------------------

最佳答案

您可以为此使用显示表！
我为您提供了一个示例，请看这里：
HTML：

CSS：

<div class="one">
        <p>Things</p>
        <p>Things</p>
        <p>Things</p>
</div>

http://codepen.io/AxelCardinaels/pen/oXGjpB

关于html - div的垂直对齐，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/30909809/