logo的图片如何垂直居中？

我用元素高度和行高一样但是图片也不能垂直居中

所以如果logo图片需要垂直居中，要怎么写？

哆啦巧 2017-09-04

源自：HTML5网页布局 2-1 html5页面布局（表现层_header）

44

收起

3回答

慕运维8365704 回答被采纳获得+3积分 2017-09-04 18:12:22

设置图片的margin-top属性为: （父容器的高度-图片的高度） / 2;

哆啦巧提问者 #1

你好，所以是设置图片高度和行高一样是不能使得图片垂直居中的吗？

2017-09-05 15:29:13
卡布琦诺回复提问者哆啦巧 #2

理论上是这样的，建议采纳“慕运维8365704”同学的方法，同时，鼓励一下“慕运维8365704”同学，在学习的过程中帮助小伙伴解答问题，继续加油哦~

2017-09-12 18:12:27
哆啦巧提问者 #3

非常感谢！

2017-09-22 09:39:01

星影浮桥 2017-09-12 17:05:15

图片垂直居中的话，可以这样(举个例子)：

<div class="wrap">

<img src="logo.jpg"/>

</div>

.wrap{

line-height:40px;

text-align:center;

}

.wrap>img{

vertical-align:middle;

}

这样的话，图片就会垂直剧中

好帮手慕糖 2017-09-05 16:36:56

你好，设置图片高度和行高，是不能使得图片居中的哟。祝学习愉快~

相似问题

LOGO不知道怎么垂直居中

老师，为什么我的这个logo图片显示的不是垂直居中的效果啊

请问老师这个导航栏的代码中如何让img图标垂直居中

logo图.header-left设置浮动后如何设置垂直居中？

怎么实现logo图片和右边文字垂直居中啊？

登录后可查看更多问答，登录/注册

HTML5与CSS3实现动态网页 2018

参与学习 1887 人
提交作业 4643 份
解答问题 5760 个

有HTML和CSS基础，却不知道如何进阶？本路径带你通过系统学习，完成从“会做网页”到“做出好的动态网页”的蜕变，迈出成为前端工程师的第一步。

本课精华内容

问答作业

请忽略此问答

26 33

公式书写。。

31 19

3-8编程练习哪有问题

47 17

全局变量与函数内的全局变量

119 15

编程练习4-4的问题

111 15

查看更多本课问答

请稍等 ...

意见反馈帮助中心 APP下载