Android 使用项目按钮右键时，列表项目中的按钮溢出

我在每个列表项中都有三个按钮，我想在右侧相邻显示它们，但是如果我添加

“item-item-button-right”

，这些项目会向右移动，但彼此溢出，然后看起来像一个按钮。我尝试了

，但是按钮位于项目文本下方

html
         <ion-list>
                    <ion-item class="item item-button-right">
                        Make and Model:
                        <ul>
                        <button class="button button-positive">
                            <i class="icon ion-checkmark-round"></i>
                        </button>
                        <button class="button button-positive">
                            <i class="icon ion-close-round"></i>
                        </button>
                        <button class="button button-positive">
                            <i class="icon ion-ios-camera"></i>
                        </button>
                        </ul>
                    </ion-item>
                    <ion-item class="item-positive" href="#/app/checklist">
                         Next
                    </ion-item>
        </ion-list>

html
品牌和型号：


下一个

提前感谢。

我添加了一个示例来演示通过CSS实现的一个解决方案

添加的相关CSS：

.item.moreButtons button { margin-top: -5px; } /* first */
.item.moreButtons button:nth-child(2) { margin-top: 35px; } /* second */
.item.moreButtons button:last-child { margin-top: 75px; } /* thrid */

另外，不要忘记在

元素上设置类，如下所示：

<ion-item class="item item-button-right moreButtons">

---

如果它们需要相邻而不是堆叠，请参见：