# 組按鈕 Grouped buttons 有時候，你想把一組按鈕放進一個單獨的容器內，使他們看起來想一個獨立的導航部件。你可以把一組按鈕包裹在一個容器內，然后給該容器添加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"的屬性，則可以轉換為水平按鈕的列表，按鈕會橫向一個挨著一個地排列，容器會自動撐大到適應內容（所以要注意橫排情況下按鈕不要太多，按鈕的字也不要太多） **水平的組按鈕 Horizontal grouped buttons:**