CSS单行文字垂直居中的技巧

CSS没有给我们提供文字垂直居中的代码,这里我们可以使用一个小技巧来实现。

解决方案:让文字的行高等于盒子的高度,就可以让文字在当前盒子内垂直居中。

写法:

height: 40px;
line-height: 40px;

只要保证line-height = height 就可以实现单行文字垂直居中。

版权声明:本文为本站原创文章,由37.2℃发表,转载请注明出处,保留一切权利!

转载请注明:转载于37.2度云笔记

发表评论

您的电子邮箱地址不会被公开。

微信
通知:站点改版中,敬请期待