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

90% の p タグに width プロパティを追加することになり、カウント バブルの位置に到達する前にテキストが折り返しを開始し、さまざまな画面サイズに合わせてスケーリングされます。

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 に答える