您当前的位置:首页 > 计算机 > 编程开发 > Html+Div+Css(前端)

CSS图片垂直水平居中

时间:08-26来源:作者:点击数:

方案一、性能比方案二好

/*将最外层元素都撑开到100%屏幕*/
html,body{
	width:100%;
	height:100%;
}
body{
	text-align:center;
}
body:after{
	content:"";
	display:inline-block;
	height:100%;
	vertical-align:middle;
}
/*选中的图片元素*/
img{
	vertical-align:middle;
}

方案二、

img{
	position:absolute;/*这里是方案二的代价*/
	left:0;
	right:0;
	top:0;
	bottom:0;
	margin:auto;
}
方便获取更多学习、工作、生活信息请关注本站微信公众号城东书院 微信服务号城东书院 微信订阅号
推荐内容
相关内容
栏目更新
栏目热门