1首先先準(zhǔn)備圖片素材和文字語(yǔ)言2添加CSS樣式修飾，最外面的大框添加寬度居中3現(xiàn)在的圖文是這樣排版4想要將圖文左右排版，無(wú)非是定位或者浮動(dòng)，對(duì)圖片塊和文字塊都添加了浮動(dòng)效果后5如圖添加浮動(dòng)后，文字部。

1首先打開(kāi)軟件，并創(chuàng)建一個(gè)新的html文件2創(chuàng)建新文件后，設(shè)置頁(yè)面背景顏色3在新文件中創(chuàng)建段落一，或者選擇一個(gè)段落4再引入圖片并設(shè)置圖片大小，這里就可以設(shè)置圖片浮動(dòng)至段落的左邊5創(chuàng)建段落二，或者選擇。

這是鏈接1 這是鏈接2 然后給這段代碼添加CSS right width400pxheight300pxfloatleft*這是左浮動(dòng)* 需要注意的是，你要在左邊的區(qū)塊元素同時(shí)添加floatleft*這是左浮動(dòng)*，才能使頁(yè)面在火狐等瀏覽器的。

可以用div的style=“display”和style=“displayblock”來(lái)實(shí)現(xiàn)，給你左邊的文字設(shè)個(gè)有規(guī)律的id，然后用javascript些個(gè)for循環(huán)，控制右邊圖片的顯示隱藏。

圖像文字對(duì)齊 ltimg align=# #=top， middle， bottom 例子ltimg src=URL align=top 百度 顯示為圖片 百度。

block類型的標(biāo)簽?zāi)J(rèn)情況下會(huì)在兩邊自動(dòng)加上換行而inline則不會(huì)表格屬于block類型的，所以它會(huì)跳到下一行要想讓它不自動(dòng)換行可以設(shè)置它的css樣式display屬性的值為inline如 這是前面的文字這是表格里的內(nèi)容。

使用浮動(dòng)給兩個(gè)h2都加上float left right使用定位都加上positionabsolute，通過(guò)修改left right top bottom來(lái)排版如果你想有自定義右邊的位置，可以用這個(gè)方法或文字不用塊級(jí)元素包裹。