Php 使用css将div与不同高度对齐

嗨，我想让两行div相互对齐，不管上面一行中div的高度如何。我正在使用

display:inline块以便div将彼此相邻地内联

这是我得到的


请注意，div#2略短于div one

这就是我想要完成的


请注意，在第二张图片中，无论上面的div的高度如何，第二行仍然按其应该的方式对齐

这是我的css

.post-set{
max-width:445px;
margin:0px 1px 15px 0px;
padding:0;
display:inline-block;
border-bottom:1px solid #e1e1e1;
vertical-align:top;
}

我在我的wordpress主题中使用了这个。下面是html和php

<div class="medium-8 column post-set" style="padding:0;">
    <a href="<?php the_permalink(); ?>" title="<?php printf(__( 'Read %s', 'wpbx' ), wp_specialchars(get_the_title(), 1)) ?>">
                <?php the_post_thumbnail('fifth-post'); ?>
                </a>
          <div class="row column" style="padding:0">
              <h1 class="fifth-post-title"><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a><h1>
<div class="fifth-ex">
<?php echo excerpt(18); ?>
</div>

<span class="fifth-by-line"> BY: <?php the_author_posts_link(); ?></span>
</div>
</div>


作者：

您可以访问GetVersed.us查看一个实例。这是“让你的声音被听到”横幅下的部分

有没有一种方法可以在不建议砌石的情况下实现这一点？
我看不到您正在使用的HTML。但这是我的html代码和你的CSS类的解决方案。请注意，在CSS中，我设置了宽度而不是最大宽度

我使用内联样式设置的div块的不同高度。它可以在类或自动中设置


.post集{
宽度：60px；
利润率：0px 1px 15px 0px；
填充：0；
显示：内联块；
边框底部：1px实心#e1e1；
垂直对齐：顶部；
背景色：黑色；
}
您可以创建一个简单的表并按如下方式放置div：

 <table>
     <tbody>
         <tr>
             <td>
                <div 1...>
             </td>
             <td>
                <div 2...>
             </td>
         </tr>   
         <tr>
             <td>
                <div 3...>
             </td>
             <td>
                <div 4...>
             </td>
         </tr>   
    </tbody>
</table>



这将确保对齐符合您的要求。然后，如果愿意，您可以添加一些样式。
您应该查看

HTML:

我将在一个表中部署所有div，表的每一行都有一对div（在您的示例中，第一行有div 1和2，而第二行有div 3和4）。@FDavidov我不确定我是否理解您的意思。是否需要
显示：表格发布您的html或在代码笔中重新创建？我将发布带有示例html的答案。还有其他解决方案吗？最好使用表格来实现所需的对齐是很常见的。你甚至可以在顶部的横幅上查看Facebook的用户名和密码（网络版）。。。还有一个表格排列。所以用表格代替css和div@是的。使用一个表（如我在回答中示意性建议的），并在表的单元格中部署div。这将解决对齐问题。如果您需要其他格式（如边框、背景等），那么您可以使用css。但是使用php，它会自动重复第一行和第一个表。它会给我一排一张桌子，我担心你的问题没有很好的定义。你说的是将4个div成对排列，而不是数量未知的成对。如果是这种情况，你可以重复<代码> <代码>部分而不是表，对吗？我已经用基础LOL编码了整个站点，而FLASHBOX对我来说不是很好。
<div class="item_container">
  <div class="item">

  </div>
  <div class="item">

  </div>
</div>
<div class="item_container">
  <div class="item">


  </div>
  <div class="item">

  </div>
</div>

.item_container {
  display:flex; align-items:stretch;
}
.item { float:left; }