css如何让段落开头预留两个空格
1、首先我们随便创建一个简单的网页，页面就只有两个段落，然后里面是一大串文字。如下：<html><head><meta charset="utf-8"><style>div{letter-spacing:1em;}</style></head><body><p>我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1</p><p>我是段落2我是段落2我是段落2我是段落2我是段落2我是段落2我是段落2我是段落2我是段落2我是段落2我是段落2我是段落2我是段落2我是段落2我是段落2我是段落2我是段落2我是段落2我是段落2我是段落2我是段落2我是段落2我是段落2我是段落2我是段落2我是段落2我是段落2我是段落2我是段落2我是段落2我是段落2我是段落2我是段落2我是段落2我是段落2我是段落2我是段落2我是段落2我是段落2我是段落2我是段落2我是段落2我是段落2我是段落2我是段落2我是段落2我是段落2我是段落2我是段落2我是段落2我是段落2我是段落2我是段落2我是段落2我是段落2我是段落2我是段落2我是段落2我是段落2我是段落2</p></body></html>
3、那么，这是我们怎么解决呢？其实很简单，只需要添加一个text-indent样式即可。text-indent 属性规定文本块中首行文本的缩进。如：text-indent:2em;完整代码如下：<html><head><meta charset="utf-8"><style>p{text-indent:2em;}</style></head><body ><p>我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1</p><p>我是段落2我是段落2我是段落2我是段落2我是段落2我是段落2我是段落2我是段落2我是段落2我是段落2我是段落2我是段落2我是段落2我是段落2我是段落2我是段落2我是段落2我是段落2我是段落2我是段落2我是段落2我是段落2我是段落2我是段落2我是段落2我是段落2我是段落2我是段落2我是段落2我是段落2我是段落2我是段落2我是段落2我是段落2我是段落2我是段落2我是段落2我是段落2我是段落2我是段落2我是段落2我是段落2我是段落2我是段落2我是段落2我是段落2我是段落2我是段落2我是段落2我是段落2我是段落2我是段落2我是段落2我是段落2我是段落2我是段落2我是段落2我是段落2我是段落2我是段落2</p></body></html>
5、上面的单位用的是em，实际上也可以用绝对单位px，当然如果你要进行响应式网页开发的话，还是建议用em，不过有时就会出现特殊需求，需要用px的，下面是一个px作为单位的演示：<html><head><meta charset="utf-8"><style>p{text-indent:30px;}</style></head><body ><p>我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1我是段落1</p><p>我是段落2我是段落2我是段落2我是段落2我是段落2我是段落2我是段落2我是段落2我是段落2我是段落2我是段落2我是段落2我是段落2我是段落2我是段落2我是段落2我是段落2我是段落2我是段落2我是段落2我是段落2我是段落2我是段落2我是段落2我是段落2我是段落2我是段落2我是段落2我是段落2我是段落2我是段落2我是段落2我是段落2我是段落2我是段落2我是段落2我是段落2我是段落2我是段落2我是段落2我是段落2我是段落2我是段落2我是段落2我是段落2我是段落2我是段落2我是段落2我是段落2我是段落2我是段落2我是段落2我是段落2我是段落2我是段落2我是段落2我是段落2我是段落2我是段落2我是段落2</p></body></html>
7、关于浏览器兼容问题：几乎所有的浏览器都是支持这个属性的，所以可以放心使用^_^
