去除内联元素之间的间距
来源:互联网 发布:逻辑回归算法概念 编辑:程序博客网 时间:2024/06/07 20:07
div{width:900px;}
div a{ display:inline-block; width:300px;}
<div>
<a href=""></a>
<a href=""></a>
<a href=""></a>
</div>
这个900的容器居然容不下3个300的a,这个是因为inline元素和inline-block默认都会有间距。可以把它浮动起来,间距就会消失的。float:left;之后间距果然消失了。
下面总结了几条去除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
- 去除内联元素之间的间距
- 如何去除内联元素(inline-block元素)之间的间距
- 行内元素之间间距的产生与去除
- 去除display:inline-block元素之间间距的方法
- 去除元素间距的解决方法
- 关于内联元素间距问题的解决办法
- 去掉内联元素的默认间距
- 去除inline-block元素间距的方法
- 去除inline-block之间的间距
- 去除两个 inline-block 之间的间距
- 去除inline-block元素间距
- 去除display:inline-block元素间的间距
- 如何去除inline和inline-block元素的空白间距
- 消除button或inline-block元素之间的空白间距
- button之间有间距,如何去除
- 去除inline和inline-block元素的间距的五个方法
- 编辑器内标签之间的回车导致元素之间有间距的问题
- 行内块元素之间默认间距问题
- 关于myeclipse web项目 用jar命令打包 和走myeclipse界面打包差异的比较
- weblogic服务器日志记录说明
- ANT 使用一
- java面试题
- Ubuntu 切换至root用户命令补全不完整 问题
- 去除内联元素之间的间距
- 单点登录:HTTPS相关知识
- Android 根据sql文件创建数据库并插入数据
- maven中pom文件解析
- 设计模式——工厂模式
- 比较器Comparator 和 Comparable的简单区别
- java项目怎么打成可运行的jar包
- 学习一下 冒泡排序
- LVS+Keepalived负载均衡配置部署