电脑软硬件应用网
当前位置： 电脑软硬件应用网 > 设计学院 > 网络编程 > CSS教程 > 正文
CSS实现排版段落前面空两个字，不使用空格
CSS实现排版段落前面空两个字，不使用空格
2009-9-5 22:00:47　　文/CSS 　　出处:电脑软硬件应用网 　　

段落前面空两个字的距离，不要再使用空格了。应该使用首行缩进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>xker.com</title>
<style type="text/css">
<!--
p{
 text-indent: 2em; /*em是相对单位，2em即现在一个字大小的两倍*/
}
-->
</style>
</head>
<body>
<p>段落前面空两个字的距离，不要再使用空格了。应该使用首行缩进text-indent。长度单位em。相对于当前对象内文本的字体尺寸。我们首行缩进了2em。2em即现在一个字大小的两倍。我在新客网学到了好多新的知识</p>
</body>
</html>
  • 上一篇文章：

  • 下一篇文章：
    • 最新热点 最新推荐 相关文章
    CSS伪类选择器nth-child()
    css3教程:background属性调整增强
    css教程：CSS3 Media Queries 详解
    CSS 类名的长命名和短命名
    CSS实例教程:非浮动区域设置宽度
    如何使用css约束一个层不可见？
    CSS的list-style解释
    小议使用“完整”的CSS的缺点
    CSS中的相对定位与绝对定位详解
    实例使用DIV+CSS制作圆角边框加阴影…
    关于45IT | About 45IT | 联系方式 | 版权声明 | 网站导航 |

    Copyright © 2003-2011 45IT. All Rights Reserved 浙ICP备09049068号