?jqMobi中的頁面布局不多，目前主要有Styled Lists，和Grid System兩種布局。 ??Styled Lists是列表時布局，每一行只顯示一條數據。 ? ?基本結構式使用ul并設置類屬性為list，每一行一個標簽<li> 例如： ~~~ <ul class="list"> <li> 需要顯示的內容</li> <li> 需要顯示的內容</li> <li>需要顯示的內容</li> </ul> ~~~ 顯示效果  ? ? 再例如： ~~~ <ul class="list"> <li> <a href="detailitem.html" data-refresh-ajax="true" class='icon home big'>賬戶new 1</a></li> <li> <a href="detailitem.html" data-refresh-ajax="true" class='icon picture big'>賬戶new 2</a></li> <li> <a href="detailitem.html" data-refresh-ajax="true" class='icon home big'>賬戶new 3</a></li> </ul> ~~~ 顯示效果  可以使用inset增加一定的效果 例如： ~~~ <ul class="list inset"> <li> <a href="detailitem.html" data-refresh-ajax="true" class='icon home big'>賬戶new 1</a></li> <li> <a href="detailitem.html" data-refresh-ajax="true" class='icon picture big'>賬戶new 2</a></li> <li> <a href="detailitem.html" data-refresh-ajax="true" class='icon home big'>賬戶new 3</a></li> </ul> ~~~ 效果：  可以看到邊角變成了圓形。 # [官網參考](http://app-framework-software.intel.com/documentation.php#afui/afui_lists)