Jquery mobile 带有计数指示器的jQuery Mobile长文本列表视图停留在长文本上

我有一个带有计数指示器的listview，我希望长文本在计数之前隐藏起来

如果没有“ui-li-count”属性，它就可以正常工作，文本在末尾用“…”正确地“剪切”，但在使用计数时，它在前面不会被剪切

第JQM 1.4.2页：

    <div data-role="page" id="addresses" data-theme="b">

        <div data-role="header" data-position="fixed"><h1>izigo.mobile</h1></div>

        <div class="ui-content" role="main">
           <li><a href="" id="a1">Client name and very long description #1<span class="ui-li-count">3 km</span></a></li>
           <li><a href="" id="a2">Client name and very long description #2<span class="ui-li-count">3 km</span></a></li>
        </div>

    </div>

izigo.mobile

你知道怎么在计数前把文字删掉吗

---

谢谢。

看起来您可以增加文本容器上的填充。试着这样做：

.ui-listview >.ui-li-has-count>.ui-btn-icon-right {
    padding-right: 5.5em;
}

这里有一个

---

请向我们展示您的代码，并告诉我们您使用的是哪个版本的jQM。您好，谢谢，我已经更新了问题。版本是1.4.2太棒了！但是JQM在默认情况下并没有解决这个问题？我想它只是对计数气泡的宽度进行了一个假设，它不能很容易地考虑到每种不同的情况。如果您的计数泡泡是3而不是3公里，则默认填充将有效…好的，谢谢您的帮助；）顺便说一句，JQM博客做得很好；）