在列表项/button中换行，而不是隐藏溢出

我试图覆盖jQuery Mobile中的列表项和button的默认行为，其中的文本不适合在一行作为隐藏溢出。

如果你在一个瘦小的浏览器窗口或iPhone上查看，你会明白我的意思： http ： //m.gizmag.com

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

提前致谢！

Answer 1

尝试设置一个white-space:normal的风格white-space:normal的元素。

我只是在一个jQuery Mobile列表视图风格的li使用锚点（ <a> ）元素来完成这个工作，并且它能够按照我的预期包装文本。 我使用Chrome的开发人员工具来确定CSS属性来自哪里，并以交互方式更改它们，使其以我想要的方式工作。

– 德里克

Answer 2

如果可行的话，把它包含在一个<div>也会使其包装。 （但find受影响的元素和声明white-space:normal是更合适的解决scheme）

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