内联按钮数据-内联=true默认情况下，正文中的所有按钮都称为块级元素，因此它们填充屏幕宽度。

但是，如果您希望按钮在外观上紧凑，并且只适合内部的文本和图标，请将data-inline='true '属性添加到按钮中。

如果您有多个按钮，您应该并排坐在同一行中，并为每个按钮设置data-inline='true '的属性。这将使按钮符合其内容的宽度，并使按钮浮动，使它们位于同一行。

a href='index.html '数据-角色='button '数据-内联='true '取消/a href=' index . html '数据-角色='button '数据-内联='true '数据-主题='b '保存/a

添加数据-mini='true '以创建更紧凑版本的内嵌按钮：

a href=' index . html ' data-role=' button ' data-icon=' delete ' data-inline=' true ' cancel/aa href=' index . html ' data-role=' button ' data-icon=' check ' data-inline=' true ' data-theme=' b ' save/a

将按钮分组数据-角色=控件组有时，您希望将一组按钮放在一个容器中，这样它们看起来就像一个独立的导航组件。您可以将一组按钮包装在容器中，然后将data-role='controlgroup '属性添加到容器中。Jquery Mobile将创建一个垂直的按钮组，去掉按钮之间的边距和阴影，然后只在第一个按钮和最后一个按钮上创建圆角，使它们看起来像一组按钮。

div数据-角色=' control group ' a href=' index . html ' data-角色=' button ' yes/a href=' index . html ' data-角色=' button ' no/a href=' index . html ' data-角色=' button ' may/a/div

排列数据-类型='水平='水平'

默认情况下，组按钮显示为垂直列表。如果将data-type='horizontal '的属性添加到容器中，它可以转换为水平按钮列表。按钮将一个接一个地水平排列，并且仅设置为足够大以适应内容的宽度。(所以在横向排列的情况下要注意按钮不要太多，字数不要太多。)

div数据-角色='控制组'数据-类型='水平' a href='索引. html '数据-角色='按钮'是/a href='索引. html '数据-角色='按钮'否/a href='索引. html '数据-角色='按钮'可能/a/div

迷你数据-迷你='真'

div数据-角色='controlgroup '数据-类型='水平'数据-mini='true' a href='index.html '数据-角色=' button ' yes/a href=' index . html '数据-角色=' button ' no/a href=' index . html '数据-角色=' button ' may/a/div

只有图标数据-iconpos='notext '。

div数据-角色='controlgroup '数据-类型='水平'数据-mini='true' a href='index.html '数据-角色='button '数据-图标='arrow-u '数据-icon pos=' notext ' up/a href=' index . html '数据-角色='button '数据-图标='arrow-d '数据-icon pos=' notext ' down/a href=' index . html '数据-角色='button '数据-图标='delete '数据-icon