我想让几个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>
有人知道该怎么做吗?
答案 0 :(得分:0)
您可以使用display: table-cell;
.options {
...
display: table-cell;
}