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

HTML编辑器中的NewLine在网站中留下了空间,第1张

概述如何在编辑器中使用换行符而不会在模板中出现烦人的空格? 有一个我的意思的例子: <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在网站中留下了空间所遇到的程序开发问题。

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

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1068250.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-26
下一篇 2022-05-26

发表评论

登录后才能评论

评论列表(0条)

保存