css - 如何使用 css 将带有填充的字符和内联 block 对齐到底部？

Question

如您所见，当您添加填充时，.button 不会与其他元素的 .row 底部对齐。

a {
  display:inline-block;
}
.button{
  padding:5px;
  background:#ccc;  
}

<div class="row">
    some regulars texts
    <a href="#">hello this is title</a>
    <a class="button" href="#">add</a>
</div>

<div class="row">
    another some regulars texts
    <a href="#">hello this is another title</a>
    <a class="button" href="#">add</a>
</div>

Answer 1

ofcourse 如果你给 padding allside 它不会如果你不想要 bottom 只是添加风格

padding-bottom:0px !important

或

.button{
  padding:5px 5px 0px 5px;
  background:#ccc;  
}