首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > CSS >

html中如何把图片按比例缩放在<span>里面

2012-04-28 
html中怎么把图片按比例缩放在span里面我在span中放一个背景图片,当图片过大就会显示一部分出来,过小

html中怎么把图片按比例缩放在<span>里面
我在<span>中放一个背景图片,当图片过大就会显示一部分出来,过小的时候会自动居中。请问怎么设置才会让图片不管过大还是过小都全部显示。 求指点下。

[解决办法]
百度一个图片垂直横向居中显示的就行了
[解决办法]
给图片一个指定的宽度。
[解决办法]
1.给图片设置固定宽和高
2.用js控制图片大小,小于设定就按原尺寸,大于则由js按比例调整合适
[解决办法]
你在span里面写的需要给span写上宽高 display:block; overflow:hidden;
[解决办法]
用jquery,如果宽度大于最大值,就将图片宽度设置成最大宽度值,然后用jquery去实现,高度=实际高度/(实际宽度/最大宽度)

热点排行