android - 奇怪的符号出现在 Android 上的 HTML 中 - phonegap 应用程序

Question

我正在创建一个带有主干、phonegap 和 css topcoat (http://topcoat.io/) 的移动应用程序。

在我的 Android 手机上查看该应用程序时，我遇到了一个奇怪的问题。我使用的是 android 版本 2.3.3。在它的一侧出现一个邮件符号，似乎在使用 p 和 span 标签的任何地方。

这是代码(在本例中它进入 else):

<ul class="topcoat-list list">
<% _.each(players, function(player) { %>
    <li class="topcoat-list__item">

        <%
        if(checkbox){
        %>

        <label class="topcoat-radio-button">
          <input type="radio" name='player_id' value="<%= player.id %>" />
          <div class="topcoat-radio-button__checkmark"></div>
            <div class="player-details">
                <span><%= player.name %></span>
                <span><%= player.position %></span>
           </div>   
        </label>
        <%
        }
        else{
        %>
            <div class="player-details">
                <span><%= player.name %></span>
                <span><%= player.position %></span>
            </div>   
        <%
        }
        %>
            <div class="player-more">
                <a target="_blank" href="http://www.premierleague.com/<%= player.link %>">More</a>
            </div>            



    </li>
<% }); %>
</ul>

我已经查看了 topcoat.io css，但它没有为 span 或 p 标签设置任何 css...知道是什么产生了这个奇怪的符号吗？

Answer 1

这是一个编码问题。生成此 HTML 的代码在哪里。这可能是导致它的换行代码。删除换行符。

<li class="topcoat-list__item">
        <div class="player-details">
            <span>Tim Krul</span><span>Goalkeeper</span>
        </div>   
        <div class="player-more">
            <a target="_blank" href="http://www.premierleague.com//en-gb/players/profile.overview.html/tim-krul">More</a>
        </div>              
</li>