在列表项/按钮中换行文本而不是隐藏溢出

时间:2010-12-01 04:13:32

标签: jquery-mobile

我正在尝试覆盖jQuery Mobile中列表项和按钮的默认行为,它的文本不适合作为隐藏溢出的一行。

如果您在瘦小的浏览器窗口或iPhone上查看此内容,您会看到我的意思:http://m.gizmag.com

我希望能够将每个列表项的h3和p标签中的文本换行到新行。

提前致谢!

2 个答案:

答案 0 :(得分:69)

尝试为元素设置white-space:normal样式。

我刚刚在jQuery Mobile listview样式<a>中使用了一个锚(li)元素,并按照我的预期包装了文本。我使用Chrome的开发人员工具来确定CSS属性的来源,并以交互方式对其进行更改以使其按照我想要的方式工作。

- 德里克

答案 1 :(得分:7)

如果可行,将其封装在<div>内也会使其换行。 (但找到受影响的元素并声明white-space:normal是更合适的解决方案)

来源:http://forum.jquery.com/topic/list-items-are-truncating-text-is-there-a-way-around-this