ui-li-aside text-overlapping text-overflow jquery mobile

【问题标题】：ui-li-aside text-overlapping text-overflow jquery mobileui-li-aside text-overlapping text-overflow jquery mobile
【发布时间】：2014-03-04 08:58:31
【问题描述】：

在 Jquery mobile 中：如何在使用类 ui-li-aside 时停止列表视图中的文本溢出。
尝试了所有类型的位置，包括相对、静态、绝对。我希望文本不要溢出，而是用省略号结束

【问题讨论】：

标签： javascript jquery-mobile overflow word-wrap ellipsis

【解决方案1】：

添加省略号的一种方法是添加表格。下面是示例代码

<li>
<a href="#pcontent?id=100" >
<table width="75%" style="table-layout:fixed;">
    <tr width="100%">
        <td style="display:block;overflow:hidden;text-overflow:ellipsis;white-space:no-wrap">
            1. Indian Combo - Vegetarian</td>
    </tr>
</table>
</a>
<p class="ui-li-aside" style="top:0.98em;font-size:16px;"><strong>$10.95</strong></p>
</li>

附上示例图片http://i.stack.imgur.com/MboN8.png

【讨论】：