jquery mobile，文本在listview后面有计数泡泡

Question

我创建了一个listview，它有一个计数气泡和每个li项目的描述。问题是描述的文字落后于计数泡沫。这是一个小问题还是我可以用css纠正的事情？

echo '<li><a value="' . $row['product_id'] . '" data-icon="arrow-r" data-iconpos="right"><img src="images/' . $row['product_picture_name'] . '.png">' . '<h3>' . $row['product_name'] . '</h3><p style="white-space:normal">' . $row['product_description'] . '</p><span class="ui-li-count">Price: $' . $row['product_price'] . '</span></a></li>';

谢谢，亚当。

Answer 1

我最后将width属性添加到90％的p标签，文本将在到达计数气泡位置之前开始包装，并且它会根据不同的屏幕尺寸进行缩放。

echo '<li><a value="' . $row['product_id'] . '" data-icon="arrow-r" data-iconpos="right"><img src="images/' . $row['product_picture_name'] . '.png">' . '<h3>' . $row['product_name'] . '</h3><p style="white-space:normal; **width:90%;**">' . $row['product_description'] . '</p><span class="ui-li-count">Price: $' . $row['product_price'] . '</span></a></li>';