我的应用程序中的标题在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;}`
答案 0 :(得分:0)
您是否尝试更改/删除left:0px
的css?这基本上是尽可能地将它放在div中。
答案 1 :(得分:0)
我会覆盖那个特定的html行并在主CSS之后写它。比使用div中的文本居中的常规方式。
将文本居中于div
.bar-center {
margin-left: auto;
margin-right: auto;
width: 70%;
}