ltimg src=quotroomjpgquot border=0 width=quot150quot height=quot110quot onload=proDownImagethis ltbody纯css的防止图片撑破页面的代码，图片会自动按比例缩小ltstyle type=quottextcssquotcontentwidth MARGIN a；讲一下思路只定义一张背景图，固定就可以了；将span元素调整为块元素设置display block，赋予固定的宽度或百分比 之后为图片设置宽度和高度，宽设置为100%，即可让图片等比例进行缩放，宽度等于span的宽度，高度会等比例变化 box display block width。

设置图片的宽度高度，只有一张图片的设置 ltimg src=quotimgs12_01jpgquot style=quotwidth100px height100pxquot 多张图片使用样式控制 ltimg src=quotimgs12_01jpgquot class=quotimg_stylequot ltstyle img_style；norepeat是设置图片不重复，center是设置照片居中显示4最后给这些标签都设置一些样式，让它们显得美观一些然后打开浏览器查看效果5打开浏览器，可以看到照片都显示出来了以上就是html插入照片的方法介绍；1直接添加宽高属性ltimg src=quotquot width=quot200quot height=quot200quot 2在样式表中定义img height200pxwidth200px 这样的弊端是如果图片比例不等就会出现图片拉伸，要么改图片或限制图片最大宽高度，后者建议。

html图片水平自适应居中，如果你要用margin0 auto的话，要在外围建立一个大的div如ltdiv style=quotwidth500px height300px margin0 autoquot ltdiv style=quotwidht200px height100pxquotltimg src=quot图片地址；1新建html文档，在body标签中添加一张图片，给这张图片设置css属性，添加“tansform”缩放属性，属性值为“scaleXn”，scaleXn指的是对宽度进行缩放，n指的是缩放比例2将transform的属性值改为“scaleYn”；1具体解决DIV+CSS实例代码如下lt！DOCTYPE html lthtml lthead ltmeta charset=quotutf8quot lttitle图片缩小不变形实例 title ltstyle divcss5 border1px solid #000 width300px。

1通过css引入的图片，可以通过backgroundszie属性调整图片大小，backgroundsize的语法如下，可以通过length，percentage，cover及contain四个之中的任一个来调整整改尺寸2将length设置为500pxauto同时添加backgroundrepeat；3编辑html文档，这边建立一个div，设置宽度为700px，高度跟背景图一样，为347px4就给div设置背景图片5在浏览器中预览会发现图片平铺了，这不是想要的效果6然后可以给div再加上属性，mozbackgroundsize；2之后，再把背景图片的大小自动适应DIV大小，当图片自动适应时，既可以就进行缩放3输入backgroundsize coverwebkitbackgroundsize coverobackgroundsize cover使图片随屏幕大小同步缩放，如果图片太大。

可以通过backgroundsize属性来设定背景图片的大小它可以是像素px或者是百分比%，举例说明backgroundsize950px*200px这表示把背景图片大小调整为宽度950像素，高度200像素1backgroundsize的语法说明1属性。

直接ltimg src=quot1jpgquot就可以了 如果只想固定宽度，而且图片不变形按比例显示可以只设置图片的宽度而不设置高度 ltimg src=quot1jpgquot width=quot500quot 同理只设置高度不设置宽度就是高度固定 如果两个都设定则按你控制的；3浏览器运行indexhtml页面，此时图片既没有变形就能完整显示在网页上了。