资讯

精准传达 • 有效沟通

从品牌网站建设到网络营销策划,从策略到执行的一站式服务

css中span标签里text-indent不起作用的解决方法-创新互联

小编给大家分享一下css中span标签里text-indent不起作用的解决方法,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!

创新互联公司是一家专注网站建设、网络营销策划、重庆小程序开发公司、电子商务建设、网络推广、移动互联开发、研究、服务为一体的技术型公司。公司成立十载以来,已经为1000+成都水处理设备各业的企业公司提供互联网服务。现在,服务的1000+客户与我们一路同行,见证我们的成长;未来,我们一起分享成功的喜悦。

span标签设置text-indent不起作用,是因为text-indent只能给块级元素设置,而span标签是行内元素;解决方法:使用“span{display:inline-block;}”样式将span标签转换为行内块级元素即可。

text-indent 属性规定文本块中首行文本的缩进。注意: 负值是允许的。如果值是负数,将第一行左缩进。

css span标签里text-indent不起作用的原因

而对span设置text-indent没有起作用,是因为text-indent只能给块级元素设置。

解决方法:

但是如果让span{display:block}转换为块级元素,就会换行,还得通过浮动来控制,增加了麻烦。

所以改css为span{display:inline-block;}

以上是“css中span标签里text-indent不起作用的解决方法”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注创新互联行业资讯频道!


文章题目:css中span标签里text-indent不起作用的解决方法-创新互联
分享网址:http://cdkjz.cn/article/eshcd.html
多年建站经验

多一份参考,总有益处

联系快上网,免费获得专属《策划方案》及报价

咨询相关问题或预约面谈,可以通过以下方式与我们联系

业务热线:400-028-6601 / 大客户专线   成都:13518219792   座机:028-86922220