您现在的位置: 圆点视线 >> 教程 >> 网页设计 >> 网页制作技巧 >> 文章正文
再谈DW中文缩进实现技巧           ★★★
再谈DW中文缩进实现技巧
作者:netjc.co…  文章来源:netjc.com  点击数:  更新时间:2008-5-17 19:30:55 
 页面功能:【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口 【字体:

  方法1:预格式化标签<PRE>

  <PRE>是HTML语言中控制版式的一个标签,但现在的网页设计人员好像不是很常用它。在HTML语言规范中,被<PRE></PRE>标签包含的文字将按输入时的格式显示。对于加上<PRE>标签的文字,浏览器将以等宽字体预先显示格式化的文本,而不会合并文字之间的空格距离和进行行两端对齐。

  在格式化中文段落,尤其是诗词时,<PRE>的作用就显得很重要了。首先打开原始文档,在欲复制的段落前加上<PRE>,结束处标记</PRE>,然后打开DW,按F10键,调出Code Inspector(源代码编辑器)直接将用<PRE>...</PRE>包含起来的文本粘贴到源代码中。在页面中查看,版式已经完全是原始文本的样子了。

  方法2:CSS样式表

  在CSS样式表中有一个常用的属性text-indent就是用来设置首行缩进的,只要对该属性进行设置,就能实现中文段落的缩进。

  能从原始文件中将文本复制到DW中,打开源代码观察,粘贴入的文本在源代码中多了一些换行的标记符,分别是段落标记<P>和换行标记
,只要我们对段落标记的text-indent属性进行设置,就可以使浏览器在遇到段落标记时自动按设定值缩进。

  将以下代码加入到HTML源文件的和之间:

<style type=″text/css″>
<!--
br{text-indent:18pt}
p{text-indent:18pt}
-->
</style>

  注:text-indent的值可以以px、pt、cm、%等度量,设计者需要根据不同的需要进行选择。

  在制作较多数量的文本页面时,可以用外联的样式表来对页面进行控制,用<link rel=***.css>将样式表文件连接到需要引用的页面,就不用对一个一个页面分别设置了。(甘肃  李鑫)

  DW中文缩进实现技巧
 【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口】 文章录入:Rainsion    责任编辑:Rainsion  【字体:
 
  • 上一篇文章:

  •  
  • 下一篇文章: 没有了
  • 最新文章
    相关文章
    网站优化需要重要注意的几点事项
    在Dreamweaver中利用CSS样式表设置网页
    Dreamweaver代码片断提高css开发效率
    巧用DW判断字符串中是否有换行
    Dreamweaver使用CSS样式表设置网页文本格式
    解决Dreamweaver中关于应用CSS的小问题
    Dreamweaver解决网页制作中的空格问题
    Dreamweaver制作网页技巧20则
    CSS在Dreamweaver中无效的解决方法
    通过Dreamweaver学习了解CSS
    网友评论:(只显示最新10条。评论内容只代表网友观点,与本站立场无关!)
    发表评论:
     姓  名: 评 分: 1分 2分 3分 4分 5分
     评论内容: ·严禁发表危害国家安全、政治、黄色淫秽等内容的评论。
    ·用户需对自己在使用本网服务过程中的行为承担法律责任
    ·本站管理员有权保留或删除评论内容。
    ·评论内容只代表机友个人观点,与本网站立场无关。
     
    最 新 推 荐
     
    百度主题推广
    最 新 热 门