如何在div内靠垂直左居中一个不明尺寸的logo

1

2

3

<div>

<img src="http://img1.sycdn.imooc.com/climg//59093e9c00016ce303000100.png">

</div>

1	`div{width:100%;height:200px;}`

如上代码，在我不知道img的尺寸，只知道img一定比div小的情况下，如何让这个img靠左并垂直居中

秦鲸卿 2018-01-11

源自：CSS网页布局基础 2-12 编程练习

16

收起

3回答

好帮手慕糖回答被采纳获得+3积分 2018-01-11 18:02:11

你好，课程中有讲垂直居中的方法，即：如下；可根据这个来设置定位居中。

position: absolute;
top:0;
left: 0;
bottom: 0;
right: 0;
margin:auto auto;

祝学习愉快~

慕前端0185898 2018-01-21 09:57:56

div{width:100%;height:200px; background-color:#ddd; position: relative;}

img{display:block; position:absolute; left:0; top:0; bottom:0; margin:auto 0;}

好帮手慕糖 2018-01-11 16:25:51

你好，可参考下图，使用定位来进行设置。

祝学习愉快~

提问者秦鲸卿 #1

可以解释下您这么写的原理吗？另外我理解的img属性是left:0;margin:auto 0;为什么我的不对呢

2018-01-11 16:42:20

相似问题

LOGO不知道怎么垂直居中

logo的图片如何垂直居中？

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

两列布局中如何让内容在各自的div中垂直居中?

banner区域的div无法垂直居中

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

前端小白入门系列课程

参与学习人
提交作业 11218 份
解答问题 36713 个

从一个不会编程的小白到一个老司机是需要过程的，首先得入门，学习基础知识，然后才能进阶，最后再到精通，本专题是你走进前端世界的不二选择！

本课精华内容

问答作业

为什么我的没有框

5 45

表格的问题

377 41

大家好,body前面有一个红色的小××，麻烦大家帮我看看

378 40

到底是cellspacing还是cellpacing?

0 35

课间活动的表格怎么实现，想了很久也想不出来

60 30

查看更多本课问答

请稍等 ...

意见反馈帮助中心 APP下载