0

我的标题文本如下所示：

My Hea....

我想让它读

My HeaderHereTodayAndIsTooLong

我必须在 jquery 移动框架/css 中进行哪些更改才能正确渲染？

   <div data-role="header"  data-position="fixed" data-tap-toggle="false">
     <h2>My HeaderHereTodayAndIsTooLong</h2>
      <a href="@Url.Action("Index","Home", new { partnumber = ViewBag.PartNumber })" class="ui-btn-right" data-icon="info">Home</a>
     </div>
4

2 回答 2

1

将 h2 标签包装在 div 中，如果您希望文本仍显示在中心，则向刚刚创建的容器 div 添加 text-align 样式：

<div data-role="header" data-position="fixed" data-tap-toggle="false">
    <div style="text-align:center;">
        <h2>My HeaderHereTodayAndIsTooLong</h2>
    </div>
</div>

编辑：要让您的按钮出现在右侧，请删除文本对齐并将一些样式应用于您的标题以将其定位到所需的位置，粗略的示例：

<div data-role="header"  data-position="fixed" data-tap-toggle="false">
    <div>
        <h2 style="font-size:0.8em;margin-left:10px;width:70%;">My Header Here Today And Is Too Long</h2>
    </div>
    <a href="@Url.Action("Index","Home", new { partnumber = ViewBag.PartNumber })" class="ui-btn-right" data-icon="info">Home</a>
</div>
于 2012-07-25T14:54:07.373 回答
1

您可以尝试仅覆盖 JQM 添加到的边距样式，hx当然这只会给您带来更多空间，最终如果您的标题文本太长它仍然会溢出（您当然可以覆盖这些样式）。例如

.lrMarg0
    {
        margin-left:0px !important;
        margin-right:0px !important;
    }


     <div data-role="header" data-position="fixed" data-tap-toggle="false">
        <h2 class="lrMarg0">My HeaderHereTodayAndIsTooLong</h2>
        <a href="#"  class="ui-btn-right" data-icon="gear" data-role="button">Next</a>
      </div>
于 2012-07-25T15:33:09.440 回答