前端培训技术之如何让单行文本在容器内垂直居中

前端培训学习过程中我们在做练习时候,一般在些一行文字时,向让它在容器中剧中显示,我们对于这样的方法前端培训的老师一定交过我们俩种以上的方法,或者我们通过学习也可以做到五六种实现的方法,即使老师没有交过的方法。但是大家在参加前端培训的时候老师也说过在开发中尽量要用最简单代码最少的方法实现,这样不仅可以节省开发时间还可以优化代码,提升网页打开速度。那么如何用最简单的方法实现一行文字在容器种剧中呢?

代码实例如下:

#test{height:25px;line-height:25px;}

只需设置文本的行高等于容器的高度即可

我们只需要用这样的一行代码就可以实现效果,这是目前看起来最简单的办法,如果时刚学习或者是刚参加前端培训的同学可以自己动手验证以下,把其他自己参加前端培训学到的方法也可以一起写出来进行对比。


上一篇:
下一篇:
关于尚硅谷
教育理念
名师团队
学员心声
资源下载
视频下载
资料下载
工具下载
加入我们
招聘岗位
岗位介绍
招贤纳师
联系我们
全国统一咨询电话:010-56253825
地址:北京市昌平区宏福科技园综合楼6层(北京校区)

深圳市宝安区西部硅谷大厦B座C区一层(深圳校区)

上海市松江区谷阳北路166号大江商厦6层(上海校区)

武汉市东湖高新开发区东湖网谷(武汉校区)