词条信息

admin
超级管理员
版本创建者 发短消息   
简易百科旧版 >> 如何用css实现段落首行缩进2字符 >> 历史版本

最新历史版本 :如何用css实现段落首行缩进2字符 返回词条



段落前面空两个字的距离,不要再使用空格了,用CSS实现段落首缩进两个字符。


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


在这里我们需要了解一种长度单位em。em是相对长度单位。相对于当前对象内文本的字体尺寸。我们中文段落一般每段前空两个汉字。实际上,就是首行缩进了2em。


<style type="text/css">

    <!--

     

    p {

        text-indent: 2em;  /*em是相对单位,2em即现在一个字大小的两倍*/

    }

    -->

</style>


<p>段落前面空两个字的距离,不要再使用空格了。应该使用首行缩进text-indent。长度单位em。相对于当前对象内文本的字体尺寸。我们首行缩进了2em。2em即现在一个字大小的两倍。</p>