首页 > 代码库 > 一个空格也可以让html格式显示大不相同
一个空格也可以让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>之间多了一个空格，导致格式显示不正确，删掉后显示正确。
同理这里如果有缩进或是回车，同样也会出现不同的情况。
提示自己在编码的时候，合理使用换行和缩进。
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。