html - 垂直对齐不同的段落

Question

我正在使用使用 Drupal www.crincon.com 创建的网站。幻灯片下方的部分包含几个 block ，其中包含嵌套的 div 元素和末尾的链接。

Block caption

我想要做的是，“阅读更多”链接(带有按钮方面)将全部处于相同高度，所有 block 具有相同的垂直对齐方式，以显示在同一级别。

所有 block 的 HTML 如下所示:

<div class="column one">
<div class="region region-top-first">
  <div id="block-block-7" class="block block-block">

      
  <div class="content">
    <p><i class="fa fa-flag fa-6" aria-hidden="true"></i></p>
    <h2>Localization to the market of Russia, CIS and Baltic States</h2>
    <p><a href="en/services/localization">Read more</a></p>
  </div>
  
</div> <!-- /.block -->
</div>
 <!-- /.region -->
</div>

我尝试了许多不同的选项来查看此处的一些响应(例如相对绝对位置)，但没有成功。

谢谢!

Answer 1

像下面的代码一样放置阅读更多按钮。我向按钮添加了一个类 .readmore。

.readmore {
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0;
 }
.content {
    position: relative;
}