Question

我想让几个div块的右边界高度匹配。块包含不同数量的文本行。

如您所见，右侧边框的高度不匹配：

.options {
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 16px;
  border-right: 1px #d0d2d3 solid;
  display: inline-block;
  width: 50px;
  text-align: center;
  vertical-align: middle
}

.list {
  display: inline-block
}

<html>

<div class="list">
  <div class="options">
    text
  </div>
  <div class="options">
    long text
  </div>
  <div class="options">
    long long text
  </div>
</div>

有人知道该怎么做吗？

Answer 1

您可以使用display: table-cell;

.options { 
    ...
    display: table-cell;
}

如何匹配边框高度？

1 个答案: