内联按钮 data-inline=true
默认情况下,在体内含量的所有按钮都称为块级元素,所以他们填补了屏幕的宽度。但是,如果你想让按钮外观紧凑,宽度只符合里面的文字和icon,那就给按钮添加data-inline="true"的属性。
如果你有多个按钮,应该肩并肩地坐在同一行,将data-inline="true"的属性为每个按钮。这将风格的按钮将其内容的宽度和浮动按钮让他们坐在同一条直线上。
添加 data-mini="true" 对内联按钮创建一个更紧凑的版本:
但是,如果你想让按钮外观紧凑,宽度只符合里面的文字和icon,那就给按钮添加data-inline="true"的属性。
如果你有多个按钮,应该肩并肩地坐在同一行,将data-inline="true"的属性为每个按钮。这将风格的按钮将其内容的宽度和浮动按钮让他们坐在同一条直线上。
添加 data-mini="true" 对内联按钮创建一个更紧凑的版本:
水平排列 data-type="horizontal"
默认情况下,组按钮表现为垂直列表,如果给容器添加 data-type="horizontal" 的属性,则可以转换为水平按钮的列表,按钮会横向一个挨着一个地水平排列,并设置只有足够大以适应内容的宽度。((所以要注意横排情况下按钮不要太多,按钮的字也不要太多)
迷你版 data-mini="true"
仅图标 data-iconpos="notext"