css如何设置段落缩进

css中,可以使用“text-indent”属性设置段落缩进,语法“text-indent:数值”;该属性规定文本块中首行文本的缩进,允许使用负值,如果使用负值,那么首行会被缩进到左边。

css如何设置段落缩进

本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。

text-indent缩进语法与结构

.divcss5{text-indent:25px}

这里divcss5对象内段落首行开头文字缩进了25像素。

css text-indent文本缩进样式属性单词,text-indent的值跟数字+单位组成缩进样式。

css段落段首文字缩进案例

通常text-indent缩进属性将对段落首行开头文本文字进行缩进显示。如果使用html br换行标签,第二个换行开始也不会出现缩进效果。如果使用了html P段落标签段落换行,将会出现每个p段落换行开头都将缩进,这里我们给大家通过案例演示给大家,希望通过DIVCSS5案例掌握CSS text-indent缩进样式。

CSS代码

立即学习“前端免费学习笔记(深入)”;

.divcss5{ text-indent:35px }

HTML代码片段

第一段开始缩进效果
使用br标签的换行将不会缩进

第二段使用p标签段落首行也会缩进
第二行使用了br不会缩进
第三行提行使用了br也不会缩进

运行结果:

DX1LPI5IARV52UI0Y}VNWFJ.png

推荐学习:css视频教程

以上就是css如何设置段落缩进的详细内容,更多请关注创想鸟其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/1619163.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
css如何实现不换行
上一篇 2025年12月24日 06:34:28
css如何不显示元素
下一篇 2025年12月24日 06:34:36

相关推荐

发表回复

登录后才能评论
关注微信