css - "a"元素的相同高度和垂直对齐

Question

我有这个 Page 在那里你可以看到一堆按钮，它们是“a”元素。

我需要它们具有相同的高度并将文本设置在中间。请注意，其中一些文本超过一行，那么 'line-height' 将不起作用。

我试过了，但没有用:

.et_pb_button_module_wrapper .a {
    height: 200px;
    vertical-align: middle;
    display: block;
}

Answer 1

.et_pb_button_module_wrapper .a{
    height: 200px;
    display: flex;
    align-items:center;
    min-height:100px;
    justify-content:center
}

只需使用上面的 flexbox 方法和最小高度。