我的iOS应用中的标题从中心向左移动

时间:2014-08-05 09:27:46

标签: html ios css iphone

我的应用程序中的标题在iPhone上从中心向左移动,但是当我在浏览器中打开我的应用程序时,直接从中间向下。怎么解决? 这里是我的html代码

<div data-view="Moobile.ScrollView" class="component-testpage-view"> <div data-role="navigation-bar" class="center"> <div data-role="button" data-name="back-button" data-style="back"> <div class="back"></div> </div> <div data-role="title" class="bar-center">Найдено</div> <div data-role="button" data-name="favorite" class="bar-right"> <div class="best"></div> </div> </div> <div data-role="content" data-name="category-field"> <div class="activity-text">Загрузка</div> <div data-role="activity-indicator" data-name="activity-indicator" class="activity-indicator active"></div> </div> </div>

我的css代码`/ *主背景 -------------------------------------------------- --------------------------- * /

.main-background {-webkit-transition:全部0.5s; -webkit-transform:translateX(-50px);上:44px;} .button-top {/ 溢出:自动; margin-top:-10px; /} .in-right {position:relative;身高:55px;}

.bar.navigation-bar.center .bar-item .bar-title-wrapper {pointer-events:none;} .bar.navigation-bar.center .bar-item .bar-title {height:44px; line-height:44px;左:0px; position:absolute;}`

enter image description here

2 个答案:

答案 0 :(得分:0)

您是否尝试更改/删除left:0px的css?这基本上是尽可能地将它放在div中。

答案 1 :(得分:0)

我会覆盖那个特定的html行并在主CSS之后写它。比使用div中的文本居中的常规方式。

将文本居中于div

.bar-center {
   margin-left: auto;
   margin-right: auto;
   width: 70%;

}