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

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

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

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

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

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

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