jquerymobile listview自定义css [英] jquerymobile listview custom css

问题描述

http://jsfiddle.net/WEuzB/11/

在此示例中，我试图显示评论消息固定在左侧，评论者固定在右侧，

On this example I'm tring to display the comment message anchored on left, and the commenter on right,

但是我想显示更大的消息(或较小的屏幕)，如示例所示，它不会重叠

but I would like to larger message (or smaller screen) that it does not overlap like shown in example,

我正在寻找自动换行+右移属性

I'm looking for a wrap text + float right property

当然要有一个右边距:250px，这对评论的div来说不是很好(对于小屏幕，什么也没有

of course a margin-right: 250px, would not be good on Comments' div (for small screen there would be nothing

thx

修改；另外，如果您可以解释为什么此解决方案 http://jsfiddle.net/WEuzB/12/不能实现， t工作(由于某种原因隐藏了文本)

Edit; Also if you can explain why this solution http://jsfiddle.net/WEuzB/12/ doesn't work (text is hidden for some reason)

编辑2 :几乎可以正常运行 http://jsfiddle.net/WEuzB/13 或 http://jsfiddle.net/WEuzB/31/，但是我想要右下角的评论者，并且如果可能的话，比60％的宽度更好的评论文字环绕效果会很酷

Edit 2 : almost working http://jsfiddle.net/WEuzB/13, or http://jsfiddle.net/WEuzB/31/ , but I would like the commenter on bottom right corner, and a better comment text wrapping than width 60% would be cool if possible

edit3:最后使用 li data-role ="list-divider" 作为作者姓名，使用 li 作为消息，更好，更简单

edit3: finally doing it with li data-role="list-divider" for author name, and li for message, simpler better

推荐答案

使用li data-role ="list-divider"分隔消息并显示作者姓名

doing it with li data-role="list-divider" separating messages + showing author name

这篇关于jquerymobile listview自定义css的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！