未知高度和宽度的图片在一个固定大小的容器中垂直居中,且要根据容器大小自动缩放,这样的CSS样式谁会写

问答/196℃/2024-07-05 03:45:00

优质解答：

正常情况图片垂直居中只要给图片img设定vertical-align:middle,不过你可以用另外一个方法

只需要给外部容器加padding属性即可,设定图片与容器的边距是多少就可以达到看上去居中的效果,要想图片自动缩放那就给图片设定宽度和高度100%,不过这样必须要求容器的高宽是等比例缩放的,否则图片就会拉伸变形；要想图片等比例缩放,那你就得调用js强制一下图片的高宽比例；

其实你这个问题经常会有人问到,我个人觉得没有必要让图片根据容器自动伸缩,至少我个人觉得这个样式很少用到,通常只需要把图片等比例缩放至固定值即可

直接给你2个素材地址,你看看有你需要的不

http://www.lanrentuku.com/js/picture.html

http://www.divcss5.com/jiqiao/

我来回答

猜你喜欢