jQuery Mobile选项卡未对齐 [英] JQuery Mobile tabs are not aligned

问题描述

我当前正在构建一个cordova应用，并且在我的android手机屏幕上，这些标签如下:

I'm currently building a cordova app and on my android phone screen the tabs look like this:

上图是在JSFiddle中使用JQuery 2.1.0运行的，并且JQM 1.4.2选项已通过以下代码检查:

The above picture was run in JSFiddle with JQuery 2.1.0 and the JQM 1.4.2 option checked off with the code:

<div data-role="tabs" id="tabs">
  <div data-role="navbar">
    <ul>
      <li><a href="#">one</a></li>
      <li><a href="#">two</a></li>
      <li><a href="#">three</a></li>
    </ul>
  </div>
</div>

以下是根据要求提供的链接: https://jsfiddle.net/simonshout/18sssw7m/

Here is the link by request: https://jsfiddle.net/simonshout/18sssw7m/

我的android代码在此模块中及其周围包装了许多HTML，但可以算出我的android手机和jsfiddle都以错误的方式呈现了该代码.那我想念什么?

My android code has a lot more HTML wrapped in and around this module but it kinda worked out where both my android phone and jsfiddle are rendering this the wrong way. So what am I missing?

在经过一些测试之后，我看到在每个li类之间注入了一堆"nbsp".我不知道是什么原因造成的，但是我将如何阻止它?

Also after some testing around I saw that a bunch of "nbsp" are being injected between each li class. I don't know what's causing that but how would I stop it?

推荐答案

对不起，我是那个家伙，但我确实做了一些挖掘工作，发现一个重复的线程:

Alright sorry to be that guy but i did do a little more digging and I found a duplicate thread(s):

我该如何删除不可见的 & nbsp;"已自动添加到代码中

有没有办法在崇高的文本或任何其他文本编辑器中突出显示所有特殊的重音符号?

这篇关于jQuery Mobile选项卡未对齐的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！