1 2
展示效果：
为什么会出现空格呢？input不是行内元素吗？改变一下代码再看看效果
如果2个input之间没有间隙的话，下面的空格就消失了
再试验一组行内元素：
1 行内元素 2 行内元素 3 行内元素 4 行内元素 5 行内元素
展示效果如下：
为了使这些行内元素之间的间距消失，我们手动删除行内元素之间产生的额外空隙，代码如下
1 行内元素 行内元素 行内元素 行内元素 行内元素
效果图如下：
使用这种方法确实可以去掉行内元素之间的间距，但是代码堆成了一片，看得起很不舒服，那还可以怎么解决？
一.使用font-size:0
原理： 行内元素的间距是由于换行符、tab(制表符)、空格等字符引起，而字符的大小是定义字体大小来控制，所以去除间隔可以从改变字体的大小入手。 即设置当前行内元素的父元素的 font-size: 0;
12 行内元素 3 行内元素 4 行内元素 5 行内元素 6 行内元素 7
查看更多关于html空格-有趣的试验_html/css_WEB-ITnose的详细内容...
声明：本文来自网络，不代表【好得很程序员自学网】立场，转载请注明出处：http://www.haodehen.cn/did111717