HTML编辑器中的NewLine在网站中留下了空间

概述如何在编辑器中使用换行符而不会在模板中出现烦人的空格？ 有一个我的意思的例子： <nav id="navbar"> <ul> <li><a href="#"></a></li> <li><a href="#"></a></li> <li><a href="#"></a></li> <li><a href="#"></a></l 如何在编辑器中使用换行符而不会在模板中出现烦人的空格？

有一个我的意思的例子：

<nav ID="navbar">    <ul>        <li><a href="#"></a></li>        <li><a href="#"></a></li>        <li><a href="#"></a></li>        <li><a href="#"></a></li>    </ul></nav>

Fiddle1: newlines = annoying spaces

<nav ID="navbar"><ul><li><a href="#"></a></li><li><a href="#"></a></li><li><a href="#"></a></li><li><a href="#"></a></li></ul></nav>

Fiddle2: no newlines = perfect result

解决方法 你可以添加float：left;

#navbar ul li {    float: left;}

小提琴：http://jsfiddle.net/zo492g3y/1/

可在以下位置找到删除内联块之间空白区域的完整指南：Fighting the Space Between Inline Block Elements.

总结

以上是内存溢出为你收集整理的HTML编辑器中的NewLine在网站中留下了空间全部内容，希望文章能够帮你解决HTML编辑器中的NewLine在网站中留下了空间所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。