内联按钮 Inline buttons

默认情况下,body里的所有按钮都会被样式化为块级元素,撑大到与页面等宽

但是,如果你想让按钮外观紧凑,宽度只符合里面的文字和icon,那就给按钮添加data-inline="true"的属性

内联的按钮:

如果你有多个按钮想在一行横排,可以在按钮上增加data-inline="true"的属性,这样就可以把按钮样式化为最小宽度,并且浮动,使他们在同一行横排

<div data-inline="true">
  <a href="index.html" data-role="button">Cancel</a>
  <a href="index.html" data-role="button" data-theme="b">Save</a>
</div>

内联的按钮组

如果你想多个按钮在通过一行横排并且容器自动撑大到与页面同宽,可以使用 内容分栏 把多个普通的块级按钮 放入同一行内