css控制网页中段落标签提前空两个文字

2025-10-20 03:40:18

1、新建html文档。

css控制网页中段落标签提前空两个文字

2、书写hmtl代码。

<div class="wrapper">

段落前面空两个字的距离,不要再使用空格了。应该使用首行缩进text-indent。长度单位em。相对于当前对象内文本的字体尺寸。我们首行缩进了2em。2em即现在一个字大小的两倍。在这里我们需要了解一种长度单位em。em是相对长度单位。相对于当前对象内文本的字体尺寸。我们中文段落一般每段前空两个汉字。实际上,就是首行缩进了2em。

</div>

css控制网页中段落标签提前空两个文字

3、初始化css代码。

<style>

*{ padding:0; margin:0;}

html, body { width : 100%; height : 100%; margin : 0; padding : 0; }

</style>

css控制网页中段落标签提前空两个文字

4、书写css代码。

.wrapper { position : relative; margin : 0 auto; padding : 0; font-size : 14px; }

p{ text-indent: 2em; color:red}

5、代码整体结构。

css控制网页中段落标签提前空两个文字

6、查看效果。

css控制网页中段落标签提前空两个文字

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢