老师,单行文字水平垂直居中的代码是什么呀?还有多行文字水平垂直居中的代码是什么呢?

来源:2-6 编程练习

慕前端5312453

2019-04-12 16:25:01

老师,单行文字水平垂直居中的代码是什么呀?还有多行文字水平垂直居中的代码是什么呢?

写回答

1回答

好帮手慕慕子

2019-04-12

同学你好, 单行文字垂直居中可以结合line-height和height相同实现。示例:

http://img.mukewang.com/climg/5cb0769100011e9603080152.jpg

效果图:

http://img.mukewang.com/climg/5cb076ba0001657b03010138.jpg

多行文本垂直居中,可以不给父元素设置高度, 通过设置上下内边距实现,例:

http://img.mukewang.com/climg/5cb0770f0001904505410410.jpg

效果图:

http://img.mukewang.com/climg/5cb0771d0001da8d02720269.jpg

如果帮助到了你,欢迎采纳

祝学习愉快~~~


1

0 学习 · 36712 问题

查看课程