Dreamweaver竖排文字编辑技巧

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; }。

　　上面的几种方法可以实现网页中文字的竖排排版。文字排版发生了变化，整个页面也会显得丰富多彩！