、等标签,占据一整行,但宽高可以自定义定义;为了弥补inline和block的不足,扩展了inline-block属性;inline-blcok可以将对象呈现为内联对象,而内容则呈现为块对象。通俗的说就是“固定宽度和高度堆叠在一起”,来说明为什么inline-blcok块之间的不可见符号之间会有空隙。预留父层字体大小1/3的空间。解决方法知道了原因,解决方法就是很好找,我分为以下几种
- item1
- item2
- item3
- item4
- item5
1.改变写作结构- item1
- item2
- item3
- item4
- item5
- item1
- item2
- item3
- item4
- item5
- item1
- item2
- item3
- item4
- item5
- item1
- item2
- item3
- item4
- item5
以上几种可以完美的达到去除间隙的效果。但是,从代码的可读性来说,或多或少存在不足之处。2.打包工具的使用打包工具或者自己写的脚本,把响应的HTML代码打包成一行再上线。3.Lostendtags- item1
- item2
- item3
- item4
- item5
这种方法虽然可以解决这个问题,但是当Doctype为xhtml时会报错.是否所有方法都适用,要视情况而定。一个很好的方法1.将父容器的字体大小设置为0,可以解决大部分浏览器(旧版safari不支持)2.对于不支持上述文章的浏览器,设置字间距/word-spacing,推荐使用letter-spacing,因为该属性不会产生负间距,但需要注意的是子元素上要设置letter-spacing:03。如果转换但阻塞对象,需要使用低版本的浏览器设置内联兼容性,这样样式才不会乱总结以上几点,给出如下代码。parent{letter-spacing:-.3333em;字体大小:0;}.child{显示:内联;display:inline-block;}如果您发现文本有问题,请告诉我