手风琴/可折叠中的额外按钮

Question

我的折叠中需要一个额外的按钮。但是如果我在标题中插入一个标题文本是错误的。如何将所有元素（图标，文本和按钮）居中？

<div data-role="collapsible" data-collapsed="false">
    <h4>
        Heading
<a id="fetch-data" href="#" data-role="button" data-icon="check" data-iconpos="notext" data-theme="c" data-inline="true">Check</a>
    </h4>
    <ul data-role="listview">
        <li><a href="#">List item 1</a></li>
        <li><a href="#">List item 2</a></li>
        <li><a href="#">List item 3</a></li>
    </ul>
</div>

http://jsfiddle.net/mkeuschn/z0aw0o4v/

Answer 1

更好的解决方案是从当前文档流中删除按钮并将其置于绝对位置。

使用以下css：

#fetch-data {
    top: 4px !important;
    right: 6px;
    position: absolute;
}