+ -
当前位置:首页 → 问答吧 → 求一个CSS实现图片显示适合一个固定大小的DIV框架大小?

求一个CSS实现图片显示适合一个固定大小的DIV框架大小?

时间:2011-09-09

来源:互联网

网页里的一个<DIV></DIV>的长为L,宽为H,里头要放一个图片长为l,宽为h;
想实现一个图片显示效果,如下说明:
(1)如果图片的长和宽都小于<DIV>的长和宽,那么图片自己原始大小显示在DIV中央;
(2)如果图片的长大于DIV的长,但是宽小于DIV的宽,那么图片显示时候长要等于DIV的长,但是宽要跟长整体比例缩小;
(3)如果图片的宽大于DIV的宽,但是长小于DIV的长,那么图片显示时候宽要等于DIV的宽,但是长要跟宽整体比例缩小;
(4)如果图片的长和宽都大于DIV的长和宽,那么把图片按自己长宽比例缩小到可以适合DIV的长宽大小显示;
以前求过JS实现,现在球CSS看是否能实现,谢谢了!

作者: chaozhou   发布时间: 2011-09-09

这个还真不好办,要么调整原来图片大小,要么div的属性自动。。。

作者: BLUE_LG   发布时间: 2011-09-09

是啊,所以这里求高人了,CSS有判断语句吗?

作者: chaozhou   发布时间: 2011-09-09

纯CSS2 没有判断语句的 没办法做吧...如果不考虑第一条 只看后面3条 给DIV设置一个大小 然后IMG设置最大宽 高可以实现 如果不支持最大宽度/高度 那就没办法了 ....

作者: cwz3323   发布时间: 2011-09-09

热门下载

更多