2000字范文,分享全网优秀范文,学习好帮手!
2000字范文 > 求在HTML中图片如何水平垂直居中 – CSS – 前端 css置顶样式

求在HTML中图片如何水平垂直居中 – CSS – 前端 css置顶样式

时间:2021-03-31 18:58:13

相关推荐

求在HTML中图片如何水平垂直居中 – CSS – 前端 css置顶样式

图片水平垂直居中情况很多,最简单的办法是吧图片设置为背景,给背景设置background-position:center;如果只能用图片分两种情况:

1.图片宽高固定,这种情况很简单。水平居中:就在图片的css中加 dispaly:block;margin:0 auto;垂直居中:自己算出(div的高度-图片的高度)/2,得到margin-top值即可。

2.图片高度未知,这个布局比较难实现。一般偶是用js做的。水平居中:同上,在图片的css中加 dispaly:block;margin:0 auto;垂直居中:用js算出(div的高度-图片的高度)/2,得到margin-top值赋给它。曾经研究过网上的很多方法,个人觉得这个是最有效的了。

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。