当前位置：首页 > 脚本编程 > CSS/HTML >

css如何设置首行缩进2个字符

来源:网络整理作者: 发布时间:2020-12-17 16:07

css设置首行缩进2个字符的方法：可以利用text-indent属性来设置首行缩进2个字符，如【text-indent:2em;】。text-index属性用...

实现代码：

相关属性：

text-indent 属性规定文本块中首行文本的缩进。

inherit 规定应该从父元素继承 text-indent 属性的值。

属性值：

length 定义固定的缩进。默认值：0。

% 定义基于父元素宽度的百分比的缩进。

<!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

本站内容来源于网络，如有侵权请与我们联系，我们会及时删除，我们深感抱歉！
注：本站所有信息仅供用于网络技术学习参考,学习中请遵循相关法律法规！

本文地址: https://v30.fanwenzhu.com/jiaob/cssm/4870.shtml

上一篇：css3 @media怎么不起作用？是

下一篇：css怎么合并单元格

用react的ReactCSSTransitionGroup插件	当你自己回头来看你写的这些
我们直接看代码： !DOCTYPE htm	那么使用 CSS3 新增的选择器无
微软IE9平台预览版完整支持H	IE9正式版无论从性能提升还是
CSS3东西最新资讯	各路人马对它的热情都极为高
中联重科CSS3混凝土喷射机器手	CSS3与页面机关进修总结（二）
四、id选择器（#ID） ID选择器	谈谈一些有趣的CSS题目（十）
在全局:root{ }伪类中定义了一个	CSS3与页面机关进修总结（七）
而不是元素本身	在使用有厂商前缀的样式时