如何匹配边框高度?

时间:2018-08-19 14:40:30

标签: css

我想让几个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>

有人知道该怎么做吗?

1 个答案:

答案 0 :(得分:0)

您可以使用display: table-cell;

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