段落标记自动生成定位标记

我有以下代码，并且未包裹在定位标记中的段落标记自动生成定位标记。 “在社交媒体上与我们联系”这一段是问题所在。它在检查萤火虫时链接到重定向页面。为什么这只发生在这个地方？我根本不希望它成为一个链接。段落标记自动生成定位标记

<div class="col-lg-6 col-sm-6 social"> 
    <p>Connect with us on social media</p> 
    <p> 
     <a class="facebook" href="https://www.facebook.com/pages/G-S-Masters-Inc/180291982077400" target="_blank">Facebook</a> 
     /
     <a class="twitter" href="https://twitter.com/GSMastersInc" target="_blank">Twitter</a> 
    </p> 
</div>

下面是这些类的CSS：

#footer .social { 
text-align: right;} 

#footer .facebook { 
color: #685642;} 

#footer .twitter { 
color: #685642;} 

.col-lg-6 { 
width: 50%;} 

.col-sm-6 { 
width: 50%;}

最后两个Twitter的引导脚手架类。我很确定这个问题不在于这些。它们适用于不同的屏幕分辨率，因此它不是重复的代码。

来源

2014-02-11 C.Coggins

通常人们会在段落之外放置锚标签。不这样做：

<div class="col-lg-6 col-sm-6 social"> 
<p>Connect with us on social media</p> 
<p><a class="facebook" href="https://www.facebook.com/pages/G-S-Masters-Inc/180291982077400" target="_blank">Facebook</a>/
    <a class="twitter" href="https://twitter.com/GSMastersInc" target="_blank">Twitter</a></p> 
</div>

相反试试这个：

<div class="col-lg-6 col-sm-6 social"> 
    <p>Connect with us on social media</p> 
    <a class="facebook" href="https://www.facebook.com/pages/G-S-Masters-Inc/180291982077400" target="_blank"> 
     <p>Facebook</p> 
    </a> 
    <a class="twitter" href="https://twitter.com/GSMastersInc" target="_blank"> 
     <p>Twitter</p> 
    </a> 
</div>

来源

2014-02-11 20:57:14

我刚刚修改，以包括CSS。我不知道CSS可以添加锚标签。 –

好的，这不是问题。我要修改我的帖子，按照我在帖子中说的，我认为它会起作用。 – 2014-02-11 21:08:31

没有运气的人。它做同样的事情，但把每个p放在一个新的线上。它必须是一个jQuery的东西。 –

的问题是在HTML代码中，如果缺少</a>在最后的任何锚将生效下一段锚的结束标记。

之前您有问题的部分，你可能会错误地结束与</a>前锚。

来源

2015-06-28 02:45:27 hasan

段落标记自动生成定位标记

回答

相关问题