添加 inline-block 后&＃xff1a;
查询、借鉴的原网址&＃xff1a;http://www.zhangxinxu.com/wordpress/?p&＃61;2357
html 结构&＃xff1a;
<ul class&＃61;"ul" id&＃61;"ul"><li><a href&＃61;"#">Link onea>li><li><a href&＃61;"#">Link twoa>li>
ul>
一、直接源代码删除空格
如&＃xff1a;
<ul class&＃61;"ul" id&＃61;"ul"><li><a href&＃61;"#">Link onea>li><li><a href&＃61;"#">Link twoa>li>
ul>
此方式&＃xff0c;直接删除了&＃xff0c;但个人觉得&＃xff0c;若代码多&＃xff0c;会显得乱。
二、使用margin负值
在 li 上添加 margin-left: 负值; &＃xff0c;这个不同浏览器需要负的数值不一样&＃xff0c;使用起来不方便。
三、使用 font-size 大小控制
.ul {font-size:0;
}
.ul li a {font-size: 16px;
}
这个方法最简单的感觉&＃xff0c;但是 好像 IE7 有些不支持 。( 尝试使用 *display: inline; 让其实现&＃xff0c;IE7 不支持 display: inline-block; )
四、使用 letter-spacing 或 word-spacing
.ul {letter-spacing: -4px;
}
.ul li a {letter-spacing:0;
}
京公网安备 11010802041100号