“a”元素的高度和垂直对齐方式相同

Question

我有 Page ，您可以在其中看到一堆“a”元素的按钮。

我需要它们具有相同的高度并将文本设置在中间。请注意，其中一些文本中包含多行文本，然后“行高”将无效。

我试过了，但没有工作：

.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方法和min-height。

Answer 2

您可以通过各种方式对齐事物，这是使用表格布局的好方法之一。

String aux = "{\"canconnect\" : true, \"NetworkData\": {\"mac\": \"{MAC}\", \"ipaddress\": \"{IP}\"}}";
System.out.println(aux.replace("{MAC}", "YOUR_MAC").replace("{IP}", "YOUR_IP"));

table-cell可以将其内容垂直对齐。