jquery，phonegap：未排序的列表覆盖重叠列表的内容

我正在jquery mobile的帮助下开发一个phonegap应用程序。它有一个未排序的列表，在android下可以正常工作，但在ios下无法正确显示内容

该列表在我的html文件中如下所示：

并用jscript填充：

$（“#mainList”）.append（“
”+mainListNumber+“Nr.”+endTag+mainListSwappingPreference+“T”+endTag+mainListName+“Name”+endTag+mainListReadyStatus+“Status”+endTag+mainListLastActionDate+“Datum”+endTag+“
”

for（mainList中的var对象）{

$（“#mainList”）.append（“
”+mainListNumber+mainList[object]。mainListNumber+endTag+mainListSwappingPreference+mainList[object]。swappingPreference+endTag+mainListName+mainList[object]。firstname+”“+mainList[object]。姓氏+endTag+mainlistreadysttatus+mainList[object].readyStatus+endTag+mainListLastActionDate+dateFormat（mainList[object].lastActionDate，false）+endTag+“
”；

}

所以有两个基本的附录

使用以下css设置样式：

#预订标题{
字体大小：20pt！重要；
字体大小：粗体；
}

#预订开始日期{
浮动：左；
宽度：85磅；
左边距：1吨；
}

#bookingLoc{
浮动：左；
宽度：65pt；
左边距：10磅；
}

知道为什么ios上的布局会被破坏吗？
提前谢谢

截图：
安卓：


IOS：

我忘记了我的css覆盖了listview的jquery样式，当然错误就在这里：

.ui-li分隔器，.ui-li静态{

填充：1磅！重要；

}

执行此操作时，覆盖的高度不再与文本的高度匹配。相应的版本是：

.ui-li分隔器，.ui-li静态{

左侧填充：1磅！重要；

右边填充：1磅！重要；
}

愚蠢的错误。谢谢大家的关注