本文想说的警惕点与浏览器兼容无关,主要是几个本人在项目中遇到的几个小问题的总结,问题虽小,但是却有时很困扰人,在此记录一下,如果后期有此类问题会持续添加到这里。
1.内联标签之间的空格
正常情况下书写html代码的时候都有换行、缩进等习惯,比如
显示效果为

中间有一个空白。原因是如果两个内联标签(或者设置display:inline或inline-block)之间有连续的空格符、回车符、换行符,则会这些符号会被默认处理为一个空格符号。
比如我们在两个div标签之内加入" ddd dd d ",效果如下,无论有多少个相连的空白符号,最终呈现的效果都只有一个空格符

这个和在内联元素中直接写入字符类似

但是内联元素会去掉头部和尾部的空白字符。
所以需要提示的是:
内联元素排列时如果需要避免标签之间的空白则需要使标签紧密相连。
内联元素要填写内容时尽量使用.innerText或.textContent(Firefox不支持innerText,但是支持该属性)。
非要在html代码中写入空白,请使用html的空格表示方法
HTML页面跳转及参数传递问题这篇文章给大家详细介绍了HTML页面跳转及参数传递问题,需要的朋友参考下吧
纯css实现照片墙3D效果的示例代码这篇文章主要介绍了纯css实现照片墙3D效果的示例代码,可以实现鼠标经过图片实现改变,具有一定的参考价值,感兴
一份纯CSS loading动画效果代码示例本篇文章主要介绍了一份纯CSS loading效果代码示例,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟
CSS实现图片背景填充的六边形的示例代码这篇文章主要介绍了CSS实现图片背景填充的六边形的示例代码,小编觉得挺不错的,现在分享给大家,也给大家做个
css实现六边形图片的示例代码这篇文章主要介绍了css实现六边形图片的示例代码,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起
用CSS3实现无限循环的无缝滚动的示例代码这篇文章主要介绍了用CSS3实现无限循环的无缝滚动的示例代码,小编觉得挺不错的,现在分享给大家,也给大家做个参