css如何设置首行缩进2个字符
发布时间：2023-09-12 点击：115
css设置首行缩进2个字符的方法：可以利用text-indent属性来设置首行缩进2个字符，如【text-indent:2em;】。text-index属性用于规定文本块中首行文本的缩进，em是相对单位。
相关属性：
text-indent 属性规定文本块中首行文本的缩进。
（视频教程推荐：css视频教程）
属性值：
length 定义固定的缩进。默认值：0。
% 定义基于父元素宽度的百分比的缩进。
inherit 规定应该从父元素继承 text-indent 属性的值。
实现代码：
<!doctype html><html> <head> <meta charset="utf-8"> <title>首行缩进</title> <style> .demo{ width: 550px; height: 200px; margin: 50px auto; } p{ text-indent:2em;/*em是相对单位，2em即现在一个字大小的两倍*/ } } </style> </head> <body> <div class="demo"> <p> 这是一段测试代码，是关于css文本缩进的一段文字。这是一段测试代码，是关于css文本缩进的一段文字。 这是一段测试代码，是关于css文本缩进的一段文字。这是一段测试代码，是关于css文本缩进的一段文字。 这是一段测试代码，是关于css文本缩进的一段文字。这是一段测试代码，是关于css文本缩进的一段文字。 </p> </div> </body></html>相关推荐：css教程
资源多的影视软件有哪些 2022资源多的影视软件合集推荐
腾讯云服务器买来能干嘛
苹果左边喇叭没声音怎么办 苹果手机左边没有声音怎么解决
如何重置虚拟主机
购买域名会不会被骗 匿名注册域名可以吗
旅游、交通行业网站建设解决方案
双十一将要来临 跑腿快跑者助力快递代取
西部数据创新存储架构 赋能数据中心
相关属性：
text-indent 属性规定文本块中首行文本的缩进。
（视频教程推荐：css视频教程）
属性值：
length 定义固定的缩进。默认值：0。
% 定义基于父元素宽度的百分比的缩进。
inherit 规定应该从父元素继承 text-indent 属性的值。
实现代码：
<!doctype html><html> <head> <meta charset="utf-8"> <title>首行缩进</title> <style> .demo{ width: 550px; height: 200px; margin: 50px auto; } p{ text-indent:2em;/*em是相对单位，2em即现在一个字大小的两倍*/ } } </style> </head> <body> <div class="demo"> <p> 这是一段测试代码，是关于css文本缩进的一段文字。这是一段测试代码，是关于css文本缩进的一段文字。 这是一段测试代码，是关于css文本缩进的一段文字。这是一段测试代码，是关于css文本缩进的一段文字。 这是一段测试代码，是关于css文本缩进的一段文字。这是一段测试代码，是关于css文本缩进的一段文字。 </p> </div> </body></html>相关推荐：css教程
资源多的影视软件有哪些 2022资源多的影视软件合集推荐
腾讯云服务器买来能干嘛
苹果左边喇叭没声音怎么办 苹果手机左边没有声音怎么解决
如何重置虚拟主机
购买域名会不会被骗 匿名注册域名可以吗
旅游、交通行业网站建设解决方案
双十一将要来临 跑腿快跑者助力快递代取
西部数据创新存储架构 赋能数据中心
下一篇：升级后，出错了-其他问题