jquery - jQuery mobile 中的标题

Question

如何将标题放在一行中？

我的问题在这个页面上。我在脚本文件中有一组按钮，但将其放在标题中，它会移动到底线。

我的代码如下所示：

<div data-role="header">
    <h1>HYMNS: Advent</h1>
    <a href="index.html" class="ui-btn-right">
        <script language="JavaScript" src="botoes_comuns.js"></script>
    </a>
</div> <!-- /header -->

Answer 1

这是我在不修改您的 html 结构的情况下最接近的。

首先将您的标题内容包装在<center>标签中，并给标签一个类，如some_class：

<center class="some_class"><h1 class="ui-title" tabindex="0" role="heading" aria-level="1">Advento</h1></center>

然后使用以下css，根据需要进行更改：

center.some_class {
    margin: 5px 15% -28px 0 !important;
}