0

我正在创建一个管理页面,该页面查询然后报告网站关键页面的页面权重(登陆等)

由于 Bootstrap 4 很接近,我用它来创建一个我很满意的布局。但是对于每一行,单元格中的文本不是垂直对齐的。我可以做一个简单的右对齐:

.cell { text-align: right; }

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

4

1 回答 1

1

它们已经对齐,它是按钮内部的填充,它首先使第二列上的文本不对齐。

将以下 css 添加到第二列文本:

padding: .375rem 0;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
vertical-align: middle;
于 2016-04-15T08:42:48.650 回答