我正在尝试覆盖jQuery Mobile中列表项和按钮的默认行为,它的文本不适合作为隐藏溢出的一行。
如果您在瘦小的浏览器窗口或iPhone上查看此内容,您会看到我的意思:http://m.gizmag.com
我希望能够将每个列表项的h3和p标签中的文本换行到新行。
提前致谢!
答案 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