奇怪的符号出现在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>