2016 - 2024

感恩一路有你

css图片水平垂直居中 求在HTML中图片如何水平垂直居中?

浏览量:1636 时间:2021-03-11 19:38:01 作者:admin

求在HTML中图片如何水平垂直居中?

图片水平居中和垂直居中的情况很多。最简单的方法就是把图片设为背景,把背景设为背景——位置:中心If您只能以两种方式使用图片:

1。水平居中:添加图像的CSS显示:块边距:0自动垂直居中:您可以计算(DIV height-image height)/2并获得边距顶部值。

2. 图片的高度未知,所以这种布局很难实现。一般来说,我使用js。水平居中:同上,添加图片的CSS显示:块边距:0自动垂直居中:使用js来计算(div的高度-图片的高度)/2,并获得margin top值来分配它。我在网上研究过很多方法,我认为这是最有效的方法。

css图片水平垂直居中 让div中的图片上下左右居中 css如何让图片在div里居中

版权声明:本文内容由互联网用户自发贡献,本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。