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

Question

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

在我的 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>