图片与文字在垂直方向居中

在做项目中，有许多的图片与文字垂直居中，经常遇到。


代码

一般分3不：

1.父元素一定要设置高度

2.img要vertical-alignL:middle

3.文字height:100%;line-height:父元素的高度；vertical-align:middle;

©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • Css 布局 -
    1. 前言 前端圈有个“梗”：在面试时，问个css的position属性能刷掉一半人，其中不乏工作四五年的同学。在...
    YjWorld阅读 4,579评论 5赞 15
  • 如何实现元素的水平垂直居中
    收听音频,戳链接,旧号itclan已暂停使用,欢迎关注微信itclanCoder公众号可收听更多音频 前言 关于网...
    itclanCoder阅读 8,227评论 3赞 30
  • 雪还在下
    雪还在下 漫天烟花 何几之年 到临通化 雪还在下 落在脸颊 不忘最初 志在天涯 雪还在下 望穿山野 没有羁绊 只余...
    人生活意阅读 297评论 2赞 1
  • 真正的高情商，是从好好说话开始的
    01 日前回济，小姐妹c跟我讲了一个发生在自己身上的真实故事。 在某次公司会议上，c的顶头上司对现有工作部署提出了...
    语不惜阅读 938评论 0赞 3
  • MD5Util
    Demo地址： git clone https://github.com/GodwinGodwin/MD5Util...
    神游御风阅读 209评论 0赞 0