Dreamweaver竖排文字编辑技巧

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

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

 

推荐阅读