dreamweaver中怎麼做豎排文字

在網頁製作過程中，有時根據內容需要，文字要進行豎行排版。今天我們就來介紹在Dreamweaver中實現豎排文字編輯的幾種方法。

製作文字豎排圖片：我們可以利用Photoshop等製圖軟件，將文字在其中製作成豎排排版的方式，保存成適合網絡傳輸的“Gif”、“Png”、“jpeg”等圖片格式即可。然後將圖片插入到Dreamweaver製作的網頁中。


文字後加入軟回車：在網頁製作時，直接在需要進行豎排編輯的的文字後輸入軟回車，每輸入一個文字就要加入一個軟回車。軟回車的輸入方法有兩種：一是“Shift”＋回車，二是在源代碼窗口加入標記“<br>”。


應用css樣式表：樣式表的文字處理屬性中，有兩個重要屬性，分別是：writing-mode和text-align。writing-mode（設置對象書寫方向）的語法爲：writing-mode : lr-tb、tb-rl，其中lr-tb表示從左向右，從上往下，tb-rl表示從上往下，從右向左。例如：div {writing-mode: tb-rl;} 。text-align（設置對象中文本的對齊方式）的語法是：text-align : left、right、center、justify。其中left表示左對齊，right表示右對齊，center表示居中，justify表示兩端對齊。例如：div{ text-align : center; }。
　　上面的幾種方法可以實現網頁中文字的豎排排版。文字排版發生了變化，整個頁面也會顯得豐富多彩！