再谈DW中文缩进实现技巧
再谈DW中文缩进实现技巧
笔者认为在DW中,向页面中粘贴中文时,DW会自动过滤掉多余的空格,因此会造成原来版式丢失的情况,其实除了《DW中文缩进实现技巧》一文中给出的方法外,还有两种方法可以实现中文段落缩进,特此补遗,与网页爱好者共享。
方法1:预格式化标签<PRE>
<PRE>是HTML语言中控制版式的一个标签,但现在的网页设计人员好像不是很常用它。在HTML语言规范中,被<PRE></PRE>标签包含的文字将按输入时的格式显示。对于加上<PRE>标签的文字,浏览器将以等宽字体预先显示格式化的文本,而不会合并文字之间的空格距离和进行行两端对齐。
在格式化中文段落,尤其是诗词时,<PRE>的作用就显得很重要了。首先打开原始文档,在欲复制的段落前加上<PRE>,结束处标记</PRE>,然后打开DW,按F10键,调出Code Inspector(源代码编辑器)直接将用<PRE>...</PRE>包含起来的文本粘贴到源代码中。在页面中查看,版式已经完全是原始文本的样子了。
方法2:CSS样式表
在CSS样式表中有一个常用的属性text-indent就是用来设置首行缩进的,只要对该属性进行设置,就能实现中文段落的缩进。
能从原始文件中将文本复制到DW中,打开源代码观察,粘贴入的文本在源代码中多了一些换行的标记符,分别是段落标记<P>和换行标记<br>,只要我们对段落标记的text-indent属性进行设置,就可以使浏览器在遇到段落标记时自动按设定值缩进。
将以下代码加入到HTML源文件的和之间:
<style type=″text/css″>
<!--
br{text-indent:18pt}
p{text-indent:18pt}
-->
</style>
注:text-indent的值可以以px、pt、cm、%等度量,设计者需要根据不同的需要进行选择。
在制作较多数量的文本页面时,可以用外联的样式表来对页面进行控制,用<link rel=***.css>将样式表文件连接到需要引用的页面,就不用对一个一个页面分别设置了。
方法1:预格式化标签<PRE>
<PRE>是HTML语言中控制版式的一个标签,但现在的网页设计人员好像不是很常用它。在HTML语言规范中,被<PRE></PRE>标签包含的文字将按输入时的格式显示。对于加上<PRE>标签的文字,浏览器将以等宽字体预先显示格式化的文本,而不会合并文字之间的空格距离和进行行两端对齐。
在格式化中文段落,尤其是诗词时,<PRE>的作用就显得很重要了。首先打开原始文档,在欲复制的段落前加上<PRE>,结束处标记</PRE>,然后打开DW,按F10键,调出Code Inspector(源代码编辑器)直接将用<PRE>...</PRE>包含起来的文本粘贴到源代码中。在页面中查看,版式已经完全是原始文本的样子了。
方法2:CSS样式表
在CSS样式表中有一个常用的属性text-indent就是用来设置首行缩进的,只要对该属性进行设置,就能实现中文段落的缩进。
能从原始文件中将文本复制到DW中,打开源代码观察,粘贴入的文本在源代码中多了一些换行的标记符,分别是段落标记<P>和换行标记<br>,只要我们对段落标记的text-indent属性进行设置,就可以使浏览器在遇到段落标记时自动按设定值缩进。
将以下代码加入到HTML源文件的和之间:
<style type=″text/css″>
<!--
br{text-indent:18pt}
p{text-indent:18pt}
-->
</style>
注:text-indent的值可以以px、pt、cm、%等度量,设计者需要根据不同的需要进行选择。
在制作较多数量的文本页面时,可以用外联的样式表来对页面进行控制,用<link rel=***.css>将样式表文件连接到需要引用的页面,就不用对一个一个页面分别设置了。
caohongyu- 帖子数 : 18
注册日期 : 10-05-27
您在这个论坛的权限:
您不能在这个论坛回复主题
周三 八月 03, 2011 10:21 pm 由 游客
» I have nook questions...it's about google books?
周三 八月 03, 2011 10:21 pm 由 游客
» buy facebook fans and likes f7
周三 八月 03, 2011 1:18 pm 由 游客
» How does the HD 3650 compare with the HD 4650?
周三 八月 03, 2011 1:12 am 由 游客
» 巧用Flash做网页背景音乐
周二 七月 06, 2010 5:14 pm 由 caohongyu
» 再谈DW中文缩进实现技巧
周二 七月 06, 2010 5:14 pm 由 caohongyu
» 网页编辑工具
周二 七月 06, 2010 5:12 pm 由 caohongyu
» 网页制作指南-网页的类型
周二 七月 06, 2010 5:10 pm 由 caohongyu
» Dreamweaver技巧之精确定位网页各元素位置
周二 七月 06, 2010 5:08 pm 由 caohongyu