首頁 > web前端 > html教學 > html中怎么把图片按比例缩放在<span>里面_html/css_WEB-ITnose

html中怎么把图片按比例缩放在<span>里面_html/css_WEB-ITnose

WBOY
發布: 2016-06-24 12:08:59
原創
1619 人瀏覽過

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


回复讨论(解决方案)

百度一个图片垂直横向居中显示的就行了

给图片一个指定的宽度。

1.给图片设置固定宽和高
2.用js控制图片大小,小于设定就按原尺寸,大于则由js按比例调整合适

你在span里面写的需要给span写上宽高 display:block; overflow:hidden;

用jquery,如果宽度大于最大值,就将图片宽度设置成最大宽度值,然后用jquery去实现,高度=实际高度/(实际宽度/最大宽度)

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板