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