dw怎樣可以設(shè)置圖片與文字的排版？1/6你可以先做草稿。左側(cè)是文本區(qū)域，右側(cè)是圖片區(qū)域。圖片區(qū)域可以看作是一個(gè)整體。這樣，就可以看作是一個(gè)大框，里面有兩個(gè)框，左邊是文本框，右邊是圖片框。圖片框包含三張

dw怎樣可以設(shè)置圖片與文字的排版？

1/6

你可以先做草稿。左側(cè)是文本區(qū)域，右側(cè)是圖片區(qū)域。圖片區(qū)域可以看作是一個(gè)整體。這樣，就可以看作是一個(gè)大框，里面有兩個(gè)框，左邊是文本框，右邊是圖片框。圖片框包含三張圖片。經(jīng)過(guò)分析，可以用浮動(dòng)來(lái)解決問(wèn)題。

2/6

打開(kāi)DW并選擇新的HTML文件。

3/6

首先，創(chuàng)建三個(gè)框，大框包含兩個(gè)小框。

4/6

然后改進(jìn)細(xì)節(jié)。左側(cè)是文本區(qū)域。您可以直接向創(chuàng)建的Div添加文本。當(dāng)然，您也可以添加一些文本標(biāo)簽。右側(cè)增加無(wú)序列表，方便圖片的插入和排序。

5/6

添加內(nèi)容區(qū)域后，添加CSS樣式的詳細(xì)裝飾。

6/6

最后，在瀏覽器中預(yù)覽效果。