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

Tim*_*Tim 39 jquery-mobile

我试图覆盖jQuery Mobile中列表项和按钮的默认行为,它具有不适合作为隐藏溢出的一行的文本.

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

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

提前致谢!

Der*_*eit 69

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

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

- 德里克

  • JQuery Mobile重写列表项以包含<div class ="ui-btn-text">所以这个样式选择器工作:div.ui-btn-text {white-space:normal; } (3认同)

enk*_*ash 7

如果可行的话,将它封装在一个<div>遗嘱中也会使它包裹起来.(但找到受影响的元素并声明white-space:normal是更合适的解决方案)

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