在dreamweaver8中如何實(shí)現(xiàn)圖文混排,圖片始終居于文字的右側(cè)?
把圖片放在層里也好任意移動(dòng)圖片的位置,只是可能有些IE對(duì)圖層內(nèi)容不能正常顯示。 你給圖片設(shè)個(gè)浮動(dòng),就可以圖文混排,用css樣式定義或用對(duì)齊方式。
dreamweaver 圖文混排
使用dreamweaver 圖文混排,插入圖片的時(shí)候會(huì)有一個(gè)對(duì)齊的選項(xiàng),如左對(duì)齊,就是圖片在左側(cè),然后文字從右面包圍圖片。反之亦然。也可以在dreamweaver的代碼模式下直接給img加上align=left或者align=right就可以了。
dreamweaver圖片上寫文字
在圖片上寫文字之前,必須將圖片設(shè)為背景圖片,再用表格,把大小固定好,寬:100 高:120 然后把設(shè)置背景(background="圖片的路徑"),如:這里寫要加的字。然后寫上文字。來(lái)做連接。 如果加入文字后,位置不理想,可以在加表格。慢慢調(diào)整!
dreamweaver圖文混排和圖文對(duì)齊方法的視頻教程如下: