使用定位可以實(shí)現(xiàn)的思路圖片在div里是從左上角開(kāi)始顯示，所以右下角超出的部分會(huì)被隱藏，用這個(gè)特點(diǎn)，所以再套個(gè)div，并對(duì)這個(gè)div對(duì)進(jìn)定位操作，再對(duì)img進(jìn)行定位，就可以得到我們想要顯示的部分了我寫了一段代碼供參考一下css部分假定div設(shè)定為200*100pxaa width200px height100。

HTML中可以設(shè)置文字或內(nèi)容居中對(duì)齊下面，我們來(lái)看看怎樣讓DIV中的內(nèi)容居中吧隨便寫上文字 先打開(kāi)visual studio軟件，然后在div中隨意寫上文字，如下圖所示水平居中代碼 然后在style中寫上水平居中代碼bodytextalign center，如下圖所示div內(nèi)容居中對(duì)齊的代碼，textaligncenter如下圖。

第一種方式設(shè)置body 居中在CSS中的代碼是bodytextaligncenter第二種方式用盒子模型，首先設(shè)置一個(gè)Div ，這個(gè)DIV的寬度為100%，然后在這個(gè)DIV居中，那么在這個(gè)DIV中加的內(nèi)容就居中顯示，代碼如下ltdiv class=quotdiv1quot ltdiv class=quotdiv2quotltdiv ltdiv CSS 樣式代碼ltstyle。

給toplogo設(shè)置寬度，然后給你ltimg 設(shè)置屬性，margin0 auto 是水平居中，marginauto 0是上線居中，也可以在toplogo中加入textaligncenter屬性居中。

比如讓整個(gè)頁(yè)面所有文字或圖片水平居中body textaligncenter 若是讓盒子的位置水平居中外邊界為0，以菜單盒子定義CSS打比方menu margin0px auto 邊框與文本之間的距離為水平居中menu padding0px auto。

2打開(kāi)DW，選擇新建HTML文件3首先先建立三個(gè)盒子，大盒子包含兩個(gè)小盒子，如圖4然后再對(duì)細(xì)節(jié)進(jìn)行完善，左側(cè)為文字區(qū)，直接在所建立的div中添加文字即可，當(dāng)然也可以添加一些文字標(biāo)簽，右側(cè)添加的無(wú)序列表，方便圖片的插入排序5內(nèi)容區(qū)添加完成后，在css樣式中添加詳細(xì)修飾，如圖所示。