jQuery Mobile listview箭头没有/可见

Question

在我的列表视图中，我使用某些列表项右侧的position: absolute来定位图像。当列表项包含太多文本时，我使用white-space: normal !important包装它。

问题是列表项目的文本没有尽快包装，因为它们没有考虑到absolute定位的图像位置。

为了解决这个问题，我已将列表项的<a>标记包装在宽度小于100％的div中，但这会导致列表项的右箭头消失。

有没有办法解决这个问题而不向每个受影响的列表项添加新箭头？也许有另一种方法可以使列表项的文本更快地换行？

请参阅：http://jsfiddle.net/gfjhj0bg/1/

Answer 1

您可以在listitem

中增加<a>元素的右边距

  

更新了 FIDDLE

ul > li > a {
    padding-right: 100px !important;
    white-space: normal !important;
}