CSS实现段落首行缩进

2016-02-19 19:41 17 1 收藏

在这个颜值当道,屌丝闪边的时代,拼不过颜值拼内涵,只有知识丰富才能提升一个人的内在气质和修养,所谓人丑就要多学习,今天图老师给大家分享CSS实现段落首行缩进,希望可以对大家能有小小的帮助。

【 tulaoshi.com - Web开发 】

  段落前面空两个字的距离,不要再使用空格了。应该使用首行缩进text-indent。

  text-indent可以使得容器内首行缩进一定单位。比如中文段落一般每段前空两个汉字。

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

  在这里我们需要了解一种长度单位em。em是相对长度单位。相对于当前对象内文本的字体尺寸。

  我们中文段落一般每段前空两个汉字。实际上,就是首行缩进了2em。

  看下面的例子:

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

!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"
html xmlns="http://www.w3.org/1999/xhtml"
head
meta http-equiv="Content-Type" content="text/html; charset=utf-8" /
titlePHP资讯 - www.phpq.net/title
style type="text/css"
p{text-indent: 2em; /*em是相对单位,2em即现在一个字大小的两倍*

来源:http://www.tulaoshi.com/n/20160219/1621585.html

延伸阅读
标签: Web开发
有关CSS段落缩进的语法如下: 语法: text-indent: 〈值〉 允许值: 〈长度〉 | 〈百分比〉 初始值: 0 文本缩进属性可以应用于块级元素(P,H1,等.),以定义该元素第一行可以接受的缩进的数量。该值必须是一个长度或一个百分比。若百分比则视上级元素的宽度而定。通用的文本缩进用法是用于段的缩进: P { text-indent: 2em } 即表示段落缩进2个...
标签: Web开发
我们在用Drwamweaver书写英文文本时,段落一般不缩进(不支持半角空格);但我们大多的时候都是用中文书写格式,必须在每段开头空两个汉字的位置。但浏览器对于文本中的空格,不管多少只认一个空格。如何在Drwamweaver中实现文本的段落缩进,也就成了网页制作中的一大难题。针对这一问题,本文为大家提供以下几种解决办法。 一、用自...
标签: Web开发
我们在用Drwamweaver书写英文文本时,段落一般不缩进(不支持半角空格);但我们大多的时候都是用中文书写格式,必须在每段开头空两个汉字的位置。但浏览器对于文本中的空格,不管多少只认一个空格。如何在Drwamweaver中实现文本的段落缩进,也就成了网页制作中的一大难题。针对这一问题,本文为大家提供以下几种解决办法。 一、用自Dreaweave...
标签: word
Word中段落缩进技巧讲解   在Word中编辑时,段落缩进设置是十分关键的,也是每个文档中必备的。一般的用户都可以熟练的掌握这个设置技巧,如果你还不懂的话,没关系,一起来学习一下吧! 第1步,打开Word2003文档窗口,选中需要设置缩进的段落。在菜单栏依次单击格式→段落菜单命令,如图1所示。 图1 Tulaoshi.Com单...
在PPT中经常会有文本信息,而且是大段落的,这也是为了辅助说明使用的。为了整齐美观要求在每段首行空两个字符,在以前我们会使用空格键,多敲几下来完成这个步骤,与此同时存在的一些问题也是无可避免的。比如在同一行中有中英文时就会出现不整齐的现象,如此一来就会影响我们的工作效率,那么这个问题该怎么解决呢?下面有个不错的方法,主要...

经验教程

17

收藏

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