內聯按鈕 data-inline=true
默認情況下，在體內含量的所有按鈕都稱為塊級元素，所以他們填補了屏幕的寬度。
但是，如果你想讓按鈕外觀緊湊，寬度只符合里面的文字和icon，那就給按鈕添加data-inline="true"的屬性。
如果你有多個按鈕，應該肩并肩地坐在同一行，將data-inline="true"的屬性為每個按鈕。這將風格的按鈕將其內容的寬度和浮動按鈕讓他們坐在同一條直線上。
<a href="index.html" data-role="button" data-inline="true">Cancel</a><a href="index.html" data-role="button" data-inline="true" data-theme="b">Save</a>
添加 data-mini="true" 對內聯按鈕創建一個更緊湊的版本:
<a href="index.html" data-role="button" data-icon="delete" data-inline="true">Cancel</a><a href="index.html" data-role="button" data-icon="check" data-inline="true" data-theme="b">Save</a>
分組按鈕 data-role=controlgroup
有時候，你想把一組按鈕放進一個單獨的容器內，使他們看起來想一個獨立的導航部件。你可以把一組按鈕包裹在一個容器內，然后給該容器添加 data-role="controlgroup" 屬性，Jquery Mobile會創建一個垂直的按鈕組，刪除掉按鈕間的margin和陰影，然后只在第一個按鈕和最后一個按鈕產生圓角，使他們看起來是一組按鈕。
<div data-role="controlgroup"> <a href="index.html" data-role="button">Yes</a> <a href="index.html" data-role="button">No</a> <a href="index.html" data-role="button">Maybe</a></div>
水平排列 data-type="horizontal"
默認情況下，組按鈕表現為垂直列表，如果給容器添加 data-type="horizontal" 的屬性，則可以轉換為水平按鈕的列表，按鈕會橫向一個挨著一個地水平排列，并設置只有足夠大以適應內容的寬度。（（所以要注意橫排情況下按鈕不要太多，按鈕的字也不要太多）
<div data-role="controlgroup" data-type="horizontal"> <a href="index.html" data-role="button">Yes</a> <a href="index.html" data-role="button">No</a> <a href="index.html" data-role="button">Maybe</a></div>
迷你版 data-mini="true"
<div data-role="controlgroup" data-type="horizontal" data-mini="true"> <a href="index.html" data-role="button">Yes</a> <a href="index.html" data-role="button">No</a> <a href="index.html" data-role="button">Maybe</a></div>
僅圖標 data-iconpos="notext"
<div data-role="controlgroup" data-type="horizontal" data-mini="true"> <a href="index.html" data-role="button" data-icon="arrow-u" data-iconpos="notext">Up</a> <a href="index.html" data-role="button" data-icon="arrow-d" data-iconpos="notext">Down</a> <a href="index.html" data-role="button" data-icon="delete" data-iconpos="notext">Delete</a></div>
