CSS实现段落首行缩进
时间: 2010年07月15日 来源: ddvip.com 作者: 不详 点击: 次
段落前面空两个字的距离，不要再使用空格了。应该使用首行缩进text-indent。 text-indent可以使得容器内首行缩进一定单位。比如中文段落一般每段前空两个汉字。 在这里我们需要了解一种长度单位em。em是相对长度单位。相对于当前对象内文本的字体尺寸。 我们中文段落一般每段前空两个汉字。实际上，就
段落前面空两个字的距离，不要再使用空格了。应该使用首行缩进text-indent。
text-indent可以使得容器内首行缩进一定单位。比如中文段落一般每段前空两个汉字。
在这里我们需要了解一种长度单位em。em是相对长度单位。相对于当前对象内文本的字体尺寸。
我们中文段落一般每段前空两个汉字。实际上，就是首行缩进了2em。
看下面的例子：
<!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" />
<title>PHP资讯 - www.phpq.net</title>
<style type="text/css">
p{text-indent: 2em; /*em是相对单位，2em即现在一个字大小的两倍*/}
</style>
</head>
<body>
<p>段落前面空两个字的距离，不要再使用空格了。应该使用首行缩进text-indent。长度单位em。相对于当前对象内文本的字体尺寸。我们首行缩进了2em。2em即现在一个字大小的两倍。我在网页教学网学到了好多新的知识</p>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>PHP资讯 - www.phpq.net</title>
<style type="text/css">
p{text-indent: 2em; /*em是相对单位，2em即现在一个字大小的两倍*/}
</style>
</head>
<body>
<p>段落前面空两个字的距离，不要再使用空格了。应该使用首行缩进text-indent。长度单位em。相对于当前对象内文本的字体尺寸。我们首行缩进了2em。2em即现在一个字大小的两倍。我在网页教学网学到了好多新的知识</p>
</body>
</html>
资讯推荐
2012-11-06
消息称微软拟数月内停止MSN服务 全面转
中新网11月6日电 据国外媒体报道，微软或将旗下Windows Live Messenger(即 ......
2012-11-05
解密QQ盗号诈骗背后黑色产业链
中广网北京11月4日消息 据经济之声《天天315》报道，25岁刘先生是上海静安 ......
2012-11-05
周鸿祎：360始终认为自己尚处于创业阶段
周鸿祎创办的奇虎360再次惊动了工信部。 在“打假斗士”方舟子指 ......
热门点击
联系方式
Name: 金坛市佳通网络服务工作室
Add: 江苏省金坛市横街1号
Tel: 0519-82830998 13306140998
Fax: 0519-82830998
Email: dym@jt163.com