jQuery Mobile是一個被廣泛應用于移動設備上的JavaScript框架，它提供了一系列的UI控件，使得移動Web應用的開發變得更加簡單和快捷。
其中，列表
下面給出一個示例：
<ul data-role="listview" data-inset="true">
<li>
<h2>Apple iPhone XR</h2>
<p>6.1英寸、A12處理器、3GB RAM、Face ID</p>
<p>64GB存儲容量、黑色，售價5599元</p>
</li>
<li>
<h2>華為Mate 20 Pro</h2>
<p>6.39英寸、Kirin 980處理器、6GB RAM、屏幕指紋</p>
<p>128GB存儲容量、黑色，售價5999元</p>
</li>
</ul>在上面的代碼中，如果屏幕比較小，列表項的第三個p標簽中的內容可能會被截斷。為了避免這種情況，我們可以在需要換行的位置添加一個“<br>”標簽，如下所示：
<ul data-role="listview" data-inset="true">
<li>
<h2>Apple iPhone XR</h2>
<p>6.1英寸、A12處理器、3GB RAM、Face ID</p>
<p>64GB存儲容量、黑色，售價5599元<br></p>
</li>
<li>
<h2>華為Mate 20 Pro</h2>
<p>6.39英寸、Kirin 980處理器、6GB RAM、屏幕指紋</p>
<p>128GB存儲容量、黑色，售價5999元</p>
</li>
</ul>通過將“<br>”標簽添加到第三個p標簽中，我們實現了換行的效果。需要注意的是，使用換行標簽會使得頁面的結構變得更加紊亂，因此只有在必要的時候才使用。
上一篇dockerdb2配置
下一篇移動端 列表css布局