源代码html片段:
<div id="app">
<div data-v="" class="page-container">
<div data-v="" style="height: 736px;">
<div data-v2="" data-v="" class="page">
<div data-v2="" data-v3="" class="download-btn">
<a class="download-btn-a" href="http://img.zjrc.com/news/app/rencai1.1.apk">
</div>
</div>
</div>
</div>
</div>
浏览器生成后的html片段:
<div id="app">
<div data-v="" class="page-container">
<div data-v="" style="height: 736px;">
<div data-v2="" data-v="" class="page">
<div data-v2="" data-v3="" class="download-btn">
<a class="download-btn-a one-pan-link-mark" href="http://img.zjrc.com/news/app/rencai1.1.apk">
</a></div>
<a class="download-btn-a one-pan-link-mark" href="http://img.zjrc.com/news/app/rencai1.1.apk">
</a></div>
<a class="download-btn-a one-pan-link-mark" href="http://img.zjrc.com/news/app/rencai1.1.apk">
</a></div>
<a class="download-btn-a one-pan-link-mark" href="http://img.zjrc.com/news/app/rencai1.1.apk">
</a></div>
<a class="download-btn-a one-pan-link-mark" href="http://img.zjrc.com/news/app/rencai1.1.apk">
</a>
</div>
问题:
<a class="download-btn-a" href="http://img.zjrc.com/news/app/rencai1.1.apk">
解决:
<a class="download-btn-a" href="http://img.zjrc.com/news/app/rencai1.1.apk"></a>
仔细查看源代码才发现,是a标签少了闭合标签</a>
导致的,补上闭合标签</a>
就正常了。
a标签中间没有内容的情况下,很容易忽略闭合
a标签一定要闭合,否则会在后面每个div后面插入同一个a标签