【揭秘】做网页为何放空格？浏览器竟这样处理

哈喽大家好！老实说，做网页真的很累，尤其是敲代码的时候。这是我亲身经历的，所以接下来我想和你们聊聊这种感觉。

咱们做网页的时候总喜欢在源码里添些空格，对？但其实，浏览器可能会把这些空格统统当小空格处理掉。所以哪怕你添加再多空格，最终页面显示也只有那么一点白纸。像微信公众号也是这样子滴。告诉你们在微信公众平台发文的时候，开头和结尾的空格会自动消失，所以尽可能少放空格比较好。至于排版，建议用..innerText或者.textContent属性（虽然firefox可能无法解析innerText，但其他浏览器没问题的）。要是非要在HTML里加空格，那就直接按照“ ”这格式来好了。

告诉你，body元素的那个8像素的边距真的没啥大不了的。现如今，大多数浏览器，比如IE8都可以自动地给 body加个margin: 8px属性。不过要是你不喜欢这个效果，直接在样式表里偷偷改掉它就好！

哥儿们，听说你被一些空白符号给弄糊涂了？别急，试试看这个代码，说不定会帮到你！

XML/HTML Code复制内容到剪贴板

你看这里，怎么回事？就是因为那个讨厌的小空格字符！天呐，那个本来排好队站在#myDIV旁边的A标签，被它挤到了下一行！真是看不过眼！这个小家伙可能是平时随便打的空格，或者是规范的全角空格，甚至有些时候看上去就是普通的空格，却默默地变成了“%20%20%20”，整整四个空格！所以有时我们抄写的东西和原件对不上号，罪魁祸首恐怕就是这个小空格！

告诉大家一件好事儿！今天我要说说HTML和CSS新手容易犯的那些迷糊事，大家可千万别往坑里跳快点给我们点个赞！今天就聊到这里！希望我的分享能让大家喜欢。如果有啥疑问或想法，就在下面留言记得告诉你的朋友们！下次再聊咯！