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://bzwzjz.com/article/piiegj.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 高端网站设计 成都网站设计 品牌网站建设 成都网站设计 重庆电商网站建设 成都品牌网站建设 成都网站设计 成都响应式网站建设 成都网站设计 成都网站设计 网站制作 网站建设开发 成都网站建设 手机网站制作设计 响应式网站设计 古蔺网站建设 营销网站建设 品牌网站建设 成都网站设计 温江网站设计 网站制作 泸州网站建设