对齐Jquery移动标题标题

前端之家收集整理的这篇文章主要介绍了对齐Jquery移动标题标题前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
只是想知道是否有人知道如何覆盖 Jquery移动设备中的默认行为以将标题标题左对齐并保持相同的格式.我好像无法排队.这就是我所拥有的:
<div class="ui-body-x" data-role="header" data-position="fixed">
  <div class="ui-grid-x">
    <h1 class="ui-link">Add New Record</h1>
    <div data-type="horizontal" style="top:5px;position:absolute;float:right;z-index:10;display:inline;" align="right" class="ui-btn-right"> 
        <a href="www.google.com" data-role="link" data-icon="settings" data-ajax="false">Cancel</a>
        <a href="www.google.com" class="ui-btn-up-x" data-role="button" data-icon="" data-ajax="false">Submit</a> 
    </div>
  </div>                                    
</div><!-- /header -->

现在这成功地将标题移到左侧,但文本不保持相同的格式.它变大了,间距都错了.有没有人有任何成功左对齐标题?提前致谢.

对不起,如果这是一个菜鸟问题.我刚刚从原生移动应用程序转移到Web …

解决方法

通过查看标题中的事物处理方式,它们使用按钮的绝对定位和标题的文本对齐.
您可以将文本对齐到左侧并按以下方式更改左侧按钮的位置(当然您应该通过正确设置类而不是样式属性来实现此目的):
<div data-role="header" data-position="fixed" >
    <h1 style="text-align:left; margin-left:10px;">Page title</h1>
    <a href="www.google.com" data-icon="delete" style="left:auto; right:120px;">Cancel</a>
    <a href="www.google.com" data-icon="check" data-theme="b">Submit</a>
</div><!-- /header -->
原文链接:https://www.f2er.com/jquery/175915.html

猜你在找的jQuery相关文章