在jQuery Mobile中，如何停止使用省略号切断列表项？

Question

我有这个清单：

<ul id="linksList"
    data-role="listview"
    data-inset="true"
    data-filter="true">
    <!-- Dynamic contents! -->
</ul>

它从本地XML文件（RSS提要）获取其数据。我想要的只是让标题包含或在按钮中显示更多的标题，因为我可能有三分之二的按钮用于填充文本。

Screenshot Link

感谢您的帮助！

Answer 1

我没有必要更改文本溢出。也..我在课堂名称中添加了。复制并粘贴以下内容：

.ui-li-heading, .ui-li-desc { 
  overflow: visible; 
  white-space: normal; 
}

Answer 2

您需要覆盖jQuery Mobile默认显示要包装的元素的省略号：

overflow:hidden;
text-overflow:ellipsis;
white-space: nowrap;

变为：

overflow: visible;
text-overflow: clip;
white-space: normal;

我建议您根据需要使用自己的类而不是修改基本代码来执行此操作。

Answer 3

省略号是由jQuery移动设置宽度引起的，并将溢出设置为省略号。您需要进入项目的CSS并设置边距以减少使用空间。