作业帮 > 综合 > 作业

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

来源:学生作业帮 编辑:作业帮 分类:综合作业 时间:2024/05/16 07:27:02
未知高度和宽度的图片在一个固定大小的容器中垂直居中,且要根据容器大小自动缩放,这样的CSS样式谁会写
正常情况图片垂直居中只要给图片img设定vertical-align:middle,不过你可以用另外一个方法
只需要给外部容器加padding属性即可,设定图片与容器的边距是多少就可以达到看上去居中的效果,要想图片自动缩放那就给图片设定宽度和高度100%,不过这样必须要求容器的高宽是等比例缩放的,否则图片就会拉伸变形;要想图片等比例缩放,那你就得调用js强制一下图片的高宽比例;
其实你这个问题经常会有人问到,我个人觉得没有必要让图片根据容器自动伸缩,至少我个人觉得这个样式很少用到,通常只需要把图片等比例缩放至固定值即可
直接给你2个素材地址,你看看有你需要的不
http://www.lanrentuku.com/js/picture.html
http://www.divcss5.com/jiqiao/