使用Bootstrap进行垂直细胞对齐4

Question

我创建了一个管理页面，用于查询然后报告网站关键页面的页面权重（登陆等）

当Bootstrap 4接近时，我用它来创建一个我很满意的布局。但是，对于每一行，单元格中的文本不是垂直对齐的。我可以通过以下方式进行简单的右对齐：

.cell { text-align: right; }

但我想垂直对齐。我相信Bootstrap 4正在使用flexbox。有没有办法在使用flex的单元格中进行垂直文本对齐？我的例子在CodePen

Answer 1

它们已经对齐，它在按钮内部填充，使第二列w.r.t上的文本不对齐。第一

将后续css添加到第二列文本：

padding: .375rem 0;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
vertical-align: middle;