当前第2页 返回上一页
属性值:
length 定义固定的缩进。默认值:0。
% 定义基于父元素宽度的百分比的缩进。
示例:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 | <!DOCTYPE html>
< html >
< head >
< meta charset = "UTF-8" >
< style type = "text/css" >
p{width: 200px;border: 1px solid red;}
.text-indent{text-indent:2em;}
</ style >
</ head >
< body >
< p >测试文本!测试文本!测试文本!测试文本!测试文本!</ p >
< p class = "text-indent" >测试文本!测试文本!测试文本!测试文本!测试文本!</ p >
</ body >
</ html >
|
class为text-indent的 p 元素会缩进2个字体的长度。
效果图:
更多编程相关知识,请访问:编程教学!!
以上就是css怎么让一段缩进的详细内容,更多文章请关注木庄网络博客!
返回前面的内容
相关阅读 >>
css层级关系怎么设置
css怎么设置背景图片自适应居中
值得收藏的26个css面试题,增强你的css基础!
css如何设置br高度
css文本设置主要有哪几项属性
css怎么把正方形变成圆形
关于css中display:flex与inline-flex属性的详细介绍
css怎么设置阴影效果
图片之间的间隔css怎么设置
css怎么实现首字母下沉效果
更多相关阅读请进入《css》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » css怎么让一段缩进