如何去除内联元素(inline-block元素)之间的间距

来源:互联网 发布:暴风雪山庄模式 知乎 编辑:程序博客网 时间:2024/05/17 23:37
div{width:900px;}div a{ display:inline-block; width:300px;}<div>    <a href=""></a>    <a href=""></a>    <a href=""></a></div>

下面总结了几条去除inline元素和inline-block元素去除间距的方法:

1、可以在html中直接把元素写在一行上或把闭合标签和第二个开始标签写在一行或两行间添加注释或直接去掉闭合标签但最后一个不能去掉。

2、设置margin-right为负值,但要考虑上下文的字体和文字大小。

3、先设定子元素字体,再设置父元素font-size:0px;////chrome中:-webkit-text-size-adjust:none;

4、设置父元素letter-spacing或word-spacing为负值,要考虑字体,子元素有文字也要注意设置letter-spacing或word-spacing的值。

5.float:left;


0 0
原创粉丝点击