CSS:margin遇上inline,各浏览器的效果
时间:2020-02-28 09:03:58|栏目:|点击: 次
1、inline
元素默认垂直对齐方式为以父元素的baseline,但是展示时又是以bottomline为对齐方式,因此造成了元素之间的间隙。
浏览器不一样,建议不一样,父元素的宽度也不一样,当设置margin-left时,会出现细微的差异。(该例子中-65px和-64px在Firefox中的效果不一样,可以自己测一下)。
元素默认垂直对齐方式为以父元素的baseline,但是展示时又是以bottomline为对齐方式,因此造成了元素之间的间隙。
999
2、举例
界面:左侧为Firefox,右侧为chrome;![]()
![]()
![]()
![]()
![]()
//65=元素宽度+间隙(一般为5px左右)
浏览器不一样,建议不一样,父元素的宽度也不一样,当设置margin-left时,会出现细微的差异。(该例子中-65px和-64px在Firefox中的效果不一样,可以自己测一下)。
