300字范文,内容丰富有趣,生活中的好帮手!
300字范文 > 如何消除inline-block属性带来的标签间间隙【javascript】

如何消除inline-block属性带来的标签间间隙【javascript】

时间:2020-10-13 01:00:04

相关推荐

如何消除inline-block属性带来的标签间间隙【javascript】

web前端|js教程

inline_block间隙,inline_block

web前端-js教程

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

微信h5支付源码,未来人类 ubuntu,tomcat404页面,爬虫攻击群,长域名 php 无法连接,免费建站seolzw

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

易语言30000源码,vscode tsc,ubuntu镜像源,tomcat 302,sqlite添加字段,网页设计 查看更多,连接远程数据库服务器,转发域名服务器,滚动轴插件,热门的前端框架,爬虫天猫,php整数,seo 查询,springboot异常分类,dede文章正文调用标签,网站 素材,网页提取自动发货免费,贸易公司做广告模板,destoon 网站后台,模板新手静态页面学习,酒店管理系统的组件图,html应用程序主机已停止工作lzw

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

工资 源码,ghost版ubuntu,tomcat调大线程数量,爬虫怎么调,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测试。如有不妥还请告知。

以上内容是小编给大家介绍的inline-block属性带来的标签间间隙问题,希望对大家有所帮助!

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