CSS 在同一行显示标题和按钮

Answer 1

将

ui-btn-inline

类添加到您的按钮。它是 jquery mobile css 类的一部分。无需使用自定义 CSS 进行调整。

<div>
     <h3 class="header">Title</h3>
    <button type="submit" class="ui-btn ui-btn-inline ui-corner-all ui-shadow ui-btn-b ui-btn-icon-left ui-icon-check header">Button</button>
</div>

JSfiddle 演示

PS：可以在此处

找到所有可用课程的概述

Answer 2

您需要设置按钮的宽度，因此它没有 100%：

button.header {
  width: 100px;
}

http://jsfiddle.net/p9jf60yc/2/

Answer 3

将按钮上的宽度更改为自动。

button.ui-btn {
  width: auto;
}