今天在编写html时出现了bug,有两个标签一直贴近显示,但是两段代码完全一样前一段就没有问题。
错误代码如下
<div id="tool1" style="width:80px;float:right;margin-top:30px;margin-right:40px;" > <div style="width:65;height:25px;font-size:18px">
<a href="<{$app}>/shopcar/">
<span class="label label-success" >购 物 车</span> </a>
</div> <div style="width:65;height:25px;font-size:18px">
<a href="<{$app}>/user/">
<span class="label label-info">用户中心</span></a>
</div>
</div>
<div id="tool2" style="width:80px;float:right;margin-top:30px;margin-right:40px;" > <div style="width:65;height:25px;font-size:18px"><a href="<{$app}>/good/add">
<span class="label label-warning">添加商品</span></a>
</div> <div style="width:65;height:25px;font-size:18px"><a href="<{$app}>/indent/">
<span class="label label-danger">
我的订单</span></a>
</div>
</div>
乍一看,两端代码完全相同,仔细研究,购物车后的</span>和</a>之间多了一个空格,导致格式显示不正确,删掉后显示正确。
同理这里如果有缩进或是回车,同样也会出现不同的情况。
提示自己在编码的时候,合理使用换行和缩进。