当前位置:清晨 » 站长笔记 » css笔记 » css中设置display:inline-block造成换行间距的解决方法

css中设置display:inline-block造成换行间距的解决方法

发布日期:2019年7月12日 04:07:53 点击量: 305

宝塔服务器面板,一键全能部署及管理,送你¥3188礼包,点我领取,简单好用的 Linux/Windows 面板

原因

 

因要做导航菜单,logo也同在一行,使用display:inline-block进行操作.出现间距,常用方法无法清除.

经过网上查询,使用了一个最简单的方法.

在上级元素中设置
font-size:0;/*清除使用inline-block造成换行符间隙*/
-webkit-text-size-adjust:none;/*清除换行间隔*/

 

然后子级元素记得设置文字大小.

成功解决

作一下记录.

 


关键词:

本文网址:https://www.menglei.info/2934/,转载请以链接形式注明出处,谢谢合作!

老薛主机专属优惠码: PT ,有需要购买的同学可以使用.可享受30%的优惠.

联系站长: shadoweb@qq.com QQ: 925474725

发表评论

电子邮件地址不会被公开。 必填项已用*标注