关于去除HTML空白折叠

刘德胜 171次浏览

摘要:空白折叠的前提是在html标准文档流的前提下定位和浮动脱离文档流之后就不会有空白折叠了相对定位不会脱离标准文档流第一种去除的办法是直接在HTML内去除所有空格第二种去除办法是给要去除空白折叠元素的父元素加font-size:0第三种去除办法是给元素设置marg...

空白折叠的前提是在html标准文档流的前提下 定位和浮动脱离文档流之后就不会有空白折叠了相对定位不会脱离标准文档流

第一种去除的办法是直接在HTML内去除所有空格

第二种去除办法是给要去除空白折叠元素的父元素加font-size : 0

第三种去除办法是给元素设置margin-top:-4px :first-child margin-top:0

第三种去除办法是给元素设置position:absolute 绝对定位脱离标准文档流 如果不设置top left 那么默认会以上个元素的位置对齐 就会去除折叠空格了