html怎么编辑⾸⾏缩进,CSS如何设置⾸⾏缩进?
开发⽹页时,涉及到⼀段甚⾄多段⽂字的部分经常会把它设置为⾸⾏缩进 2个字符,以优化页⾯,增强⽤户体验。那么这篇⽂章
W3Cschool ⼩编教你 CSS 如何设置⾸⾏缩进 。
text-indent:设置⽂本块(块级元素)中⾸⾏⽂本缩进。通过l ength和%的属性值来设置⾸⾏缩进。还有另⼀种⽅式进⾏缩进,那就是e m。em 是⼀种相对长度单位,也就是当前对象内的字体尺⼨。如⾸⾏缩进两个字符也就是 2em。我们来看下三种⽅式的实现效果:
相关代码:
⾸⾏缩进 - 编程狮(w3cschool)
.demo{
width: 400px;
height: 200px;
}
.one{
text-indent:36px;
}
.two{
text-indent:10%;
网页设计html代码大全w3cschool
}
.three{
text-indent:2em;
}
以盒⼦宽400px,⾼200px为例:
这是⼀段text-indent:36px的测试代码,让我们来看⼀下缩进效果如何。
这是⼀段text-indent:10%的测试代码,让我们来看⼀下缩进效果如何。
这是⼀段text-indent:2em的测试代码,让我们来看⼀下缩进效果如何。
以上就是 CSS 如何设置⾸⾏缩进的全部内容。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论