0

我创建了一个列表视图,其中包含一个计数气泡和每个 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>';

谢谢,亚当。

4

1 回答 1

0

I ended up adding the width property to the p tag of 90%, and the text will start wrapping before it gets to the count bubble position and it scales with different screens sizes.

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>';
于 2012-10-19T13:09:34.687 回答