用CSS巧控制段落缩进的方法

   有关CSS段落缩进的语法如下:

  语法: text-indent: 〈值〉

  允许值: 〈长度〉 | 〈百分比〉

  初始值: 0

  文本缩进属性可以应用于块级元素(P,H1,等.),以定义该元素第一行可以接受的缩进的数量。该值必须是一个长度或一个百分比。若百分比则视上级元素的宽度而定。通用的文本缩进用法是用于段的缩进:

  P { text-indent: 2em } 即表示段落缩进2个字符

  我们可以作如下定义,并把代码放在与间:

  〈style〉

  p{text-indent:2em}

  〈/style〉

  这样,整篇文档的段落的首行都会自动缩进两个字符。另外我们还可以在需要缩进的地方加上以下代码即可:

  〈style="text-indent:2em〉

  用CSS控制段落缩进的好处就是只要定义一次,所以显得很方便。

时间: 2024-08-26 23:33:16

用CSS巧控制段落缩进的方法的相关文章

用CSS巧控制段落缩进

css|控制 有关CSS段落缩进的语法如下: 语法: text-indent: 〈值〉 允许值: 〈长度〉 | 〈百分比〉 初始值: 0 文本缩进属性可以应用于块级元素(P,H1,等.),以定义该元素第一行可以接受的缩进的数量.该值必须是一个长度或一个百分比.若百分比则视上级元素的宽度而定.通用的文本缩进用法是用于段的缩进: P { text-indent: 2em } 即表示段落缩进2个字符 我们可以作如下定义,并把代码放在与间: 〈style〉 p{text-indent:2em} 〈/st

制作网页中设计段落缩进的方法

    在使用Dreamweaver进行网页制作中有关文档资料内容的网页时,如果是英文书写格式,段落一般不缩进(不支持半角空格):如果需要缩进往往需要用如下方法解决:     1.人为的加入两个中文全角空格,才能够显示出位置缩进效果.     2.插入点图或图形     点图是指图片中只有一个或几个像素点,用肉眼看不出来.当我们在段落开头插入这样一个点图,并用HSPACE和VSPACE属性来调整点图的左右和上下的空格,以达到段落缩进.     同样可以插入图形,只不过该图形的颜色需要用网页背景色

dreamweaver中设计段落缩进的方法

在使用Dreamweaver进行网页制作中有关文档资料内容的网页时,如果是英文书写格式,段落一般不缩进(不支持半角空格). 在使用Dreamweaver进行网页制作中有关文档资料内容的网页时,如果是英文书写格式,段落一般不缩进(不支持半角空格):如果需要缩进往往需要用如下方法解决:     1.人为的加入两个中文全角空格,才能够显示出位置缩进效果.     2.插入点图或图形     点图是指图片中只有一个或几个像素点,用肉眼看不出来.当我们在段落开头插入这样一个点图,并用HSPACE和VSPA

中文网页制作中段落缩进的方法

网页|中文 在制作有关文档资料内容的网页时,如果是英文书写格式,段落一般不缩进:如果是中文格式则需要缩进,即段落开头要求空两个汉字的位置. 在实际制作中,有以下四种段落缩进方法,现介绍如下: 1.预格式(PRE) 用预格式编写的源文件,在显示时照源文件中的排版字样显示,空行和空格都能很清楚地区别开来.如源文件为: < PRE> --预格式显示-- < /PRE> 网页显示时在"预格式显示"的前面就会空两个汉字的位置. 2.插入点图或图形 点图是指图片中只有一个或

Dreaweave 8.0实现文本段落缩进的方法

我们在用Dreaweave书写英文文本时,段落一般不缩进(不支持半角空格):但我们大多的时候都是用中文书写格式,必须在每段开头空两个汉字的位置.但浏览器对于文本中的空格,不管多少只认一个空格. 如何在Drwamweaver中实现文本的段落缩进,也就成了网页制作中的一大难题.针对这一问题,本文为大家提供以下几种解决办法. 一.用自Dreaweave身所带的功能 1.在Dreamweaver中执行下面操作4次就可以插入两个汉字大小的空格. 2.用同背景色相同颜色的字符来完成插入空格,这种方法操作比较

Dreaweaver 8.0实现文本段落缩进的方法

  我们在用Dreaweave书写英文文本时,段落一般不缩进(不支持半角空格);但我们大多的时候都是用中文书写格式,必须在每段开头空两个汉字的位置.但浏览器对于文本中的空格,不管多少只认一个空格. 如何在中实现文本的段落缩进,也就成了网页制作中的一大难题.针对这一问题,本文为大家提供以下几种解决办法. 一.用自Dreaweave身所带的功能 1.在Dreamweaver中执行下面操作4次就可以插入两个汉字大小的空格. 2.用同背景色相同颜色的字符来完成插入空格,这种方法操作比较繁琐.不易修改,而

css 段落缩进text-indent用法

  段落缩进很实用,配合P标签能起到意想不到的效果.CSS中的段落缩进定义是通过text-indent来实现,下面说下它的参数和用法: 语法: text-indent: 〈值〉 允许值: 〈长度〉或者〈百分比〉 初始值: 0 文本缩进属性可以应用于块级元素(P,H1等.)或用户自定义的地方,在段落的第一行生效,值必须是整数或一个百分比.若百分比则CSS会自动查找上级元素的宽度设定值,具体的代码示例: P { text-indent: 20px } 即表示段落缩进20个像素值,大约就是空两个汉字那

Word 2013文档中如何设置段落缩进

在Word2013文档中,通过设置段落缩进,可以调整Word文档的正文内容与页边距之间的距离.用户可以通过以下三种方法设置段落缩进. 方法1:在"段落"对话框设置段落缩进 用户可以在Word2013的"段落"对话框中设置段落缩进,操作步骤如下所述: 第1步,打开Word2013文档窗口,选中需要设置段落缩进的文本段落.在"开始"功能区的"段落"分组中单击显示段落对话框按钮,如图2013082501所示. 图2013082501

Word2010中调整段落缩进的技巧

  在Word中编辑文档时,其实常会用到段落缩进的功能,来完善自己的文档.但对于一些新手来说,段落缩进的设置技巧,可能还没搞懂.接下来,就由小编出马来讲解一下吧. Word2010 可以通过两种方法设置段落缩进. 方法1: 1.选中要设置缩进的段落,[右键][段落],打开段落选项卡. 2.在"缩进和间距"选项卡,设置段落缩进就可以了. 方法2: 在水平标尺上,有四个段落缩进滑块:首行缩进.悬挂缩进.左缩进以及右缩进.按住鼠标左键拖动它们即可完成相应的缩进,如果要精确缩进,可在拖动的同时