方法一使用CSS設(shè)置DIV的屬性樣式，比如居左，居右，居中確定好位置，在調(diào)整它的width和height ，還可以調(diào)整它的top left 等屬性posationsolute是絕對(duì)定位，可以拖動(dòng)大小和位置來定位方法二一 代碼如下div s。

cover替換元素內(nèi)容大小保持長寬比例填充元素內(nèi)容容器，其具體對(duì)象大小被解析為覆蓋整個(gè)元素的寬度和高度也就是說，替換元素內(nèi)容大小保持長寬比，但改變寬度和高度，以便完全覆蓋內(nèi)容元素替換元素內(nèi)容不調(diào)整大小以適應(yīng)。

ltdiv lt！viewport可視窗口，也就是瀏覽器，vw Viewport寬度， 1vw 等于viewport寬度的1%，vh Viewport高度， 1vh 等于viewport高的的1%深圳網(wǎng)站建設(shè) ltbodylthtml。

效果代碼如下html代碼 ltpltimg class=#39small_img#39 src=#39smalljpg#39 ltpltp圖片實(shí)際尺寸大小ltspan id=quotsmall_sizequotltspanltpltdiv id=#39big_div#39 style=quotdisplayquotlt！ 彈出層。

html5里有一個(gè)fileReader的全局變量，用來讀取本地文件，比如txt，img等，下面是一個(gè)簡單的代碼function checkFilefilesvar file = files0var reader = new FileReader show表示ltdiv id=#39show#39ltdiv。

以下是代碼html頁面代碼 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 lt！DOCTYPE html lthtml lthead lttitlediv大小隨窗口大小變化lttitle ltmeta charset=quotutf8quot ltlink rel=quotstylesheetquot type=quot。

用的是div么你先試著設(shè)置四個(gè)色塊，規(guī)定好大小保證色塊的排列方式是正常的float的屬性正常的再看圖片是否超出大小。

方法給圖片設(shè)為backgroundimage，加上backgroundsize 100%。

你的左右對(duì)齊 是指上邊緣對(duì)齊么，如果是的話，可以使用position對(duì)圖片進(jìn)行定位，或者使用div，將兩張圖片放進(jìn)去，就會(huì)默認(rèn)以這個(gè)div為父元素，并從0開始渲染圖片。