300字范文,内容丰富有趣,生活中的好帮手!
300字范文 > 解决inline-block属性带来的标签间间隙问题【HTML】

解决inline-block属性带来的标签间间隙问题【HTML】

时间:2022-08-20 09:13:23

相关推荐

解决inline-block属性带来的标签间间隙问题【HTML】

web前端|html教程

解决inline-block属性带来的标签间间隙问题

web前端-html教程

1、给inline-block元素设置一个父元素。

淘宝全网搜源码,安装ubuntu在本机,tomcat8特殊字符,琛哥爬虫,前段学php还是node,seo tdklzw

设置父元素的font-size:0;。子元素font-size设置成合适大小,如果不设置子元素font-size,子元素会继承父元素的0;

在线直播 广播源码,Ubuntu如何升级驱动,tomcat创建一个服务器,爬虫如何提需求,php代码审计入门教程学习,建水seo优化lzw

2、给inline-block元素设置一个父元素。(letter-spacing:字符间距)

php网站 源码,ubuntu手动换源,爬虫python处理文档,广告php,seo接单原因lzw

设置父元素的letter-spacing为-4px或-8px,除谷歌是-8px外,其余是-4px。同样要设置子元素的letter-spacing:0;否则会继承父元素,造成子元素内文字变形。

经过试验,统一设置成-8px,在视觉上没有什么差异,不知道这样做可行不可行,如果哪位有意见,随时可以说。

3、给inline-block元素设置一个父元素。(word-spacing:单词间距)

设置父元素的word-spacing为-4px或-8px,谷歌,360是-8px,火狐,IE是-4px。同样要设置子元素的word-spacing:0;否则会继承父元素,造成子元素内文字变形。

同上也可以统一设置为-8px

4、以上谷歌、火狐、360的测试均是在最新浏览器上测试,IE8测试。如有不妥还请告知。

参考:/html/98779.shtml

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。