首页猿问怎样把一个图片居中显示在body中？

怎样把一个图片居中显示在body中？

Html5

qq_梦一场却那么真_0 2016-03-30 16:07:10

查看完整描述

6 回答

已采纳

淡雅的默

TA贡献102条经验获得超139个赞

给图片添加样式:margin:auto,或者给body设置text-align:center,如果想垂直居中就line-height:100%

6 反对回复 2016-03-30

_是你_

TA贡献21条经验获得超28个赞

之前有个面试题可以分享一下，和你问的这个挺像的。如何让一个盒子在浏览器垂直居中。

在body里写一个盒子：

<div>我在浏览器里垂直居中的</div>

css样式：

<style>
	div{
		width: 100px;
		height: 100px;
		border: 1px solid #000;
		position: absolute;
		top: 50%;
		left: 50%;
		margin-top:-50px;
		margin-left:-50px;
	}
	</style>

6 反对回复 2016-03-30

qq_嘞怎_0

TA贡献5条经验获得超1个赞

水平居中：img{display:block;margin: 0 auto;

}

反对回复 2016-03-31

qq_烂块

TA贡献2条经验获得超1个赞

反对回复 2016-03-31

季末1126

TA贡献4条经验获得超4个赞

全局居中 margin:auto;

水平居中 margin:0 auto;

垂直居中 margin:auto 0;

反对回复 2016-03-30

慕桂英1611074

TA贡献1条经验获得超0个赞

给图片添加样式:margin:auto,或者给body设置text-align:center

反对回复 2016-03-30

6 回答
0 关注
3148 浏览

关注

添加回答

0/150

提交

取消

热搜

最近搜索清空

怎样把一个图片居中显示在body中？

怎样把一个图片居中显示在body中？

6 回答

添加回答