本文摘自PHP中文网,作者藏色散人,侵删。
html去掉空格的方法:首先打开相应的HTML代码文件;然后通过在父元素上设置“font-size:0;”样式即可去除html代码标签之间换行产生的空格。

本文操作环境:windows7系统、HTML5&&CSS3版、Dell G3电脑。
如何去除html代码标签之间换行产生的空格
当使用inline-block时,HTML元素之间的空白会显示在页面上,为了保持代码的美观,不建议使用全部写在一行内或者影响美观的方法。
推荐方法:在父元素上设置font-size: 0;
例:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 | <!DOCTYPE html><html lang= "en" ><head>
<meta charset= "UTF-8" >
<title>Document</title>
<style>
body { margin: 0; padding: 0; }
p { height: 41px; border-top: 4px solid red; border-bottom: 1px solid gray; }
a { display: inline-block; height: 41px; text-align: center; line-height: 41px; text-decoration: none; padding: 0px 5px; background-color: red; font-size: 14px; font-family: 楷体; }
.shouye { margin-left: 200px; }
.shouye:hover { background-color: gray; }
</style></head><body>
<p>
<a class = "shouye" href= "#" >设为首页</a>
<a href= "#" >手机新浪网</a>
<a href= "#" >移动客户端</a>
</p></body></html>
|
效果预览:

修改后代码:
阅读剩余部分
相关阅读 >>
页面性能优化的方法总结
Html里空格应该如何使用
Html中class是什么意思
Html行内元素有哪些
Html sup和sub标签怎么用?Html sup标签和sub标签的定义和用法实例
Html th有什么用
angularjs是什么?为什么用angularjs?
Html怎样把div放在底部
Html5与Html的区别有哪些?Html5与Html四大区别总结
Html标准写法与dreamweaver生成代码有哪些不一样
更多相关阅读请进入《Html》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » html怎么去掉空格