css如何实现首行缩进2字符

这篇文章主要介绍了css如何实现首行缩进2字符,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。

我们提供的服务有:成都网站建设、网站建设、微信公众号开发、网站优化、网站认证、上虞ssl等。为上千企事业单位解决了网站和推广的问题。提供周到的售前咨询和贴心的售后服务,是有科学管理、有技术的上虞网站制作公司

1、首先应用缩进CSS属性:text-indent

2、单位准确的选择:

1)、px单位

如果知道字体大小,而且是固定的可以使用px作为缩进值单位。

如果字体大小在12px,设置text-indent:24px(24px左右即可)。

2)、em单位(强烈推荐)

em是相对长度单位

无论字体大小设置多少,em单位作为缩进样式单位,即可自适应实现要缩进文字长度。

text-indent:2em设置2em,就能实现无论字体大小设置多少,都能自适应缩进2个字的距离空格效果。

3、缩进2个汉字位置实例

刚刚缩进2个字CSS实例

我字体大小为14px,看看是否
刚好缩进2个汉字位置

我字体大小为2px,看看是否
刚好缩进2个汉字位置




感谢你能够认真阅读完这篇文章,希望小编分享的“css如何实现首行缩进2字符”这篇文章对大家有帮助,同时也希望大家多多支持创新互联,关注创新互联行业资讯频道,更多相关知识等着你来学习!


网站名称:css如何实现首行缩进2字符
当前路径:http://hxwzsj.com/article/piiegj.html

其他资讯

Copyright © 2025 青羊区翔捷宏鑫字牌设计制作工作室(个体工商户) All Rights Reserved 蜀ICP备2025123194号-14
友情链接: 手机网站设计 成都网站设计 成都网站设计制作公司 成都品牌网站设计 成都定制网站建设 成都网站设计 移动网站建设 企业网站建设 营销型网站建设 企业手机网站建设 定制级高端网站建设 手机网站建设 网站建设开发 成都网站制作 攀枝花网站设计 成都网站建设 定制网站建设 响应式网站建设 成都网站制作公司 成都网站设计 自适应网站建设 四川成都网站建设