css如何多行文本缩进

html-css022

css如何多行文本缩进,第1张

参考如下:

<html>

<head>

    <style type="text/css">

        p {text-indent: 2em}

    </style>

</head>

<body>

<p>

    这是段落中的一些文本。

    这是段落中的一些文本。

    这是段落中的一些文本。

    这是段落中的一些文本。

    这是段落中的一些文本。

    这是段落中的一些文本。

    这是段落中的一些文本。

    这是段落中的一些文本。

    这是段落中的一些文本。

    这是段落中的一些文本。

    这是段落中的一些文本。

    这是段落中的一些文本。

</p>

</body>

</html>

一般用tab键进行缩进,占位4个字符,不要用空格。这个主要看个人习惯,统一即可。

各个编辑器的缩进方式

sublime里面用tab缩进,是默认的4个字符。

phpstorm中写代码可以设定4个字符的缩进,或者2个字符缩进。

例如,拿你说的话举例:

<p class="demo">CSS中,我想设置, 全文:首行缩进2字符,段落左右各缩进2字符,应该怎样写?代码应该放在哪里?</p>

把它们放置在P标签中,然后在CSS中加入

.demo{text-indent:2em}这可以实现你要的首行缩进2字符。

剩下的就是你说的段落左右各缩进2字符,那推荐你用的就是margin或者是padding来实现。

.demo{text-indent:2empadding:0 2em}这样就可以实现左右的“缩进”

不讲太多了,按照上面就可以实现了。