如何在 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

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

里娜·安德里亚娜

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

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

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何在UITextView中水平和垂直对齐文本?

来自分类Dev

如何在页脚中的图像旁边垂直对齐文本?

来自分类Dev

如何在CSS中垂直对齐所有文本?

来自分类Dev

如何在文本中垂直对齐块

来自分类Dev

如何在UITextView中水平和垂直对齐文本?

来自分类Dev

如何在TextView中垂直对齐文本

来自分类Dev

如何在div中居中和垂直对齐文本?

来自分类Dev

如何在 JavaFX 中垂直对齐文本?

来自分类Dev

如何垂直对齐文本?

来自分类Dev

如何使用CSS flexbox垂直对齐和拉伸内容

来自分类Dev

如何结合引导网格和flexbox垂直对齐?

来自分类Dev

如何使用CSS flexbox垂直对齐和拉伸内容

来自分类Dev

在Flexbox中垂直对齐内容

来自分类Dev

如何在文本框垂直对齐的框中对齐文本中心

来自分类Dev

引导程序如何使文本在div容器中垂直对齐

来自分类Dev

如何使用Composite Drawable在TextView中垂直对齐文本

来自分类Dev

如何垂直对齐多个链接中的文本

来自分类Dev

Flexbox垂直对齐溢出

来自分类Dev

垂直对齐中心Flexbox

来自分类Dev

使用flexbox在链接内垂直对齐文本

来自分类Dev

无法垂直对齐文本 - angularJS + bootstrap + flexbox

来自分类Dev

在 flexbox 的相反方向垂直对齐文本

来自分类Dev

如何垂直对齐图像和文本

来自分类Dev

如何使文本垂直对齐顶部CSS

来自分类Dev

如何使按钮的文本完全垂直对齐?

来自分类Dev

如何垂直对齐我的文本行?

来自分类Dev

CSS:如何在响应式图像的右侧垂直对齐跨度中的文本(也在跨度中)

来自分类Dev

如何在响应式布局中的div内垂直对齐文本

来自分类Dev

如何在表格单元格中垂直对齐文本的第一行?

Related 相关文章

热门标签

归档