企业🤖AI智能体构建引擎,智能编排和调试,一键部署,支持私有化部署方案 广告
# 内联按钮 Inline buttons 默认情况下,body里的所有按钮都会被样式化为块级元素,撑大到与页面等宽 但是,如果你想让按钮外观紧凑,宽度只符合里面的文字和icon,那就给按钮添加data-inline="true"的属性 **内联的按钮:** ![](images/Inline%20buttons_1.png) 如果你有多个按钮想在一行横排,可以在按钮上增加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> ``` **内联的按钮组** ![](images/Inline%20buttons_2.png)如果你想多个按钮在通过一行横排并且容器自动撑大到与页面同宽,可以使用 内容分栏 把多个普通的块级按钮 放入同一行内