用CSS巧控制段落缩进

2016-01-29 12:41 20 1 收藏

用CSS巧控制段落缩进,用CSS巧控制段落缩进

【 tulaoshi.com - Html 】

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

语法: text-indent: 〈值〉
  允许值: 〈长度〉 | 〈百分比〉
  初始值: 0

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

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

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

〈style〉
  p{text-indent:2em}
  〈/style〉

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

〈style="text-indent:2em〉

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

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/html/)

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/html/)

来源:http://www.tulaoshi.com/n/20160129/1487206.html

延伸阅读
  网页设计中我们通常需要统一网页的整体风格,统一的风格大部分涉及到网页中文字属性、网页背景色以及链接文字属性等等,如果我们应用CSS来控制这些属性,会大大提高网页设计速度,更加统一网页总体效果。     为了达到修改整个网页的目的,我们需要编辑一个外挂式的CSS文档。根据这个文档定义和修改不同CSS属...
标签: 办公软件
在使用Word时,大多数人习惯使用水平标尺上的缩进标记来实现段落缩进或首行缩进。在用鼠标左键拖动缩进标记时,Word每次会缩进固定的宽度。然而有许多时候,我们希望能够缩进量再精确一些,或者说每次移动的量能够再小一些,要是有一种办法能够随心所欲地对缩进量进行调整就好了。 办法当然是有的,下面我们详细介绍。 一、使用...
  在制作有关文档资料内容的网页时,如果是英文书写格式,段落一般不缩进;如果是中文格式则需要缩进,即段落开头要求空两个汉字的位置。 在实际制作中,有以下四种段落缩进方法,现介绍如下: 1.预格式(PRE) 用预格式编写的源文件,在显示时照源文件中的排版字样显示,空行和空格都能很清楚地区别开来。如源文件为: ...
第一步:打开word文档之后,在菜单工具栏点击文件,在下拉显示栏里点击打开。 第二步:显示一个打开工具选项栏,在里面选择好文档,点击打开。 第三步:文档就插入进word文档了,将光标移至文档一段文字当中,单击一下,让光标插入文字中,然后在菜单工具栏里点击格...
对文档中文本段落格式进行整理,比如首行缩进、段前距、段后距、行距等等,想必大家在编辑文章过程中会经常操作吧,你用的是什么方法呢?在WPS Office 2012的文字工具中“段落布局”选项卡的出现不禁让网友们眼前一亮,因为它是所见即所得的UI操作界面有了它调整效果可以及时显示,段落的调整会更加轻松自如、方便、人性化。常见的段...

经验教程

419

收藏

62
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部