如何在Flexbox中垂直对齐文本

时间:2019-05-20 22:08:19

标签: javascript html css flexbox

我正在创建投资组合,并具有链接,就像按钮一样,作为flexbox完成,以便更轻松地进行响应。 由于具有百分比,这些flexbox的高度也使用JavaScript完成。

我已经尝试过其他建议,但是没有一个是确切的建议。 我尝试使用

justify-content:center
align-self:center
vertical-align:center

当前,我正在使用Ubuntu 19.04,文本编辑器Atom和PHP 7.2.17

代码在这里 https://codepen.io/fTc_CZ/pen/joGYJr

我希望文本对齐正方形的中心而不是顶部。

1 个答案:

答案 0 :(得分:-1)

您可以将line-height设置为与同一类上的高度相同。 您的代码中的示例:

'height': cw + 'px',
'line-height': cw + 'px' // Use same as height