2在testhtml添加一個(gè)div標(biāo)簽，并且給它一個(gè)id，用于下面編寫樣式3通過div的id ， 給div定義CSS樣式，例如，把div定義為一個(gè)帶邊框的長(zhǎng)方形下面將實(shí)現(xiàn)將圖片拖放在這個(gè)長(zhǎng)方形中4在div的下面定義一張被拖放。

方法得到對(duì)應(yīng)div的寬度和高度 把圖片設(shè)置寬度或高度圖片會(huì)根據(jù)寬度或者高度進(jìn)行等比例縮放，這樣就不會(huì)失真，顯示正常示例lt！DOCTYPE htmllthtmlltheadlttitle測(cè)試圖片在固定尺寸的Div內(nèi)是否會(huì)失真lttitleltheadlt。

2目標(biāo)是制作一張不同大小的圖片，效果如圖3每個(gè)框的html如下，img src=圖片地址img 4css如下，其中需要注意的是，不設(shè)置最外層div的大小，只設(shè)置span的大小，讓span的大小決定div的大小在？之中 顯示表格單元。

html插入圖片有兩種方式一種是通過ltimg標(biāo)簽插入的正常的圖片，另一種是通過css樣式插入的背景圖片問題分析1首先你是通過第二種方式插入的是背景圖片，直接用width和height只能控制div的寬度和高度2如果你插入的。

第一種 在css文件里加入背景圖片在css里用urlimages背景圖2jpg，在內(nèi)聯(lián)css和引入css中會(huì)由于html文件和css文件所處的相對(duì)位置不同，引入圖片路徑會(huì)有所不同如圖第二種在html中引入ltdiv class=quot。