jquery - 什么控制 jQuery mobile 中标题项的截断？

Question

下面的代码会截断标题“这是一些标题文本”，即使文本似乎有空间显示。可以在有空间的地方显示文本吗？

<div data-role="page" id="pageone">

        <div data-role="header" data-theme="b">
                <h4>This is some header text</h4>
        </div>

        <div data-role="content"  data-theme="b" id="mycontent">

        </div>

        <div class="footerDate" data-role="footer" data-theme="b">

        </div>

</div>

截断的文本：

Answer 1

您可以通过覆盖 CSS 中的以下类来修改应用于标题文本的样式：

.ui-header h<x> {

}

用于text-overflow: initial;去除省略号。

玩margin-left并margin-right最大限度地利用目标设备上的可用空间。

Answer 2

您可以尝试更改jquery.mobile-1.1.1.min.css（如果您已下载），也可以尝试从您自己的样式表中覆盖样式

.ui-header .ui-title, .ui-footer .ui-title { margin: 0.6em 5% 0.8em; }

您可以尝试将其更改为5%，它会减少双方的利润，这将解决您的问题，因为它最初是这样的.ui-header .ui-title, .ui-footer .ui-title { margin: 0.6em 30% 0.8em; }，所以只需尝试更改30%为5%或相应地，希望它可以工作。