继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

【案例分析】html nav使用中的小问题

坚果Mr
关注TA
已关注
手记 1
粉丝 1
获赞 61

图片描述
学了很久的基础知识,本小白开始实践项目,在最近的一个项目中,采用了html5的新标签,过程中遇到一些小问题,于是尝试着自己解决去发现问题。可能有些同学在做的过程中会遇到类似问题,想来这里和大家分享,也权当自己的项目比较。
首先,html5中的nav标签对浏览器的兼容性为Internet Explorer 9, Firefox, Opera, Chrome 以及 Safari。
项目过程中,我采用标准美观的编程方式如下
图片描述

运行之后,当我鼠标滑过第二个a标签,发现会有几像素的间隙

图片描述

于是我给每个a标签加上1像素边框,运行结果为每个a标签都会有几像素的间隙
图片描述
最后我解决方式是将a标签之间的空格全部删去
图片描述
便解决了问题
图片描述
因此, 我初步认为nav标签会解析标签之间的空格和换行符等文本节点。

欢迎大家指教和评论,谢谢!

打开App,阅读手记
7人推荐
发表评论
随时随地看视频慕课网APP

热门评论

我是真的醉了.....

。。。。。。

你这是用了display:inline-block导致的

查看全部评论