一个空格也可以让html格式显示大不相同

今天在编写html时出现了bug,有两个标签一直贴近显示,但是两段代码完全一样前一段就没有问题。

错误代码如下

 1                     <div id="tool1"  style="width:80px;float:right;margin-top:30px;margin-right:40px;" >
 2                             
 3                                 <div style="width:65;height:25px;font-size:18px">
 4                                     <a href="<{$app}>/shopcar/">
 5                                     <span class="label label-success" >购 物 车</span> </a>
 6                                 </div>
 7                             
 8                                 <div style="width:65;height:25px;font-size:18px">
 9                                     <a href="<{$app}>/user/">
10                                     <span class="label label-info">用户中心</span></a>
11                                 </div>
12                      </div>
13                     <div id="tool2"  style="width:80px;float:right;margin-top:30px;margin-right:40px;" >
14                           
15                               <div style="width:65;height:25px;font-size:18px"><a href="<{$app}>/good/add">
16                                   <span class="label label-warning">添加商品</span></a>
17                               </div>
18                           
19                               <div style="width:65;height:25px;font-size:18px"><a href="<{$app}>/indent/">
20                                   <span class="label label-danger">
21                                       我的订单</span></a>
22                               </div>
23                     </div>

乍一看,两端代码完全相同,仔细研究,购物车后的</span>和</a>之间多了一个空格,导致格式显示不正确,删掉后显示正确。

同理这里如果有缩进或是回车,同样也会出现不同的情况。

提示自己在编码的时候,合理使用换行和缩进。

一个空格也可以让html格式显示大不相同,古老的榕树,5-wow.com

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。