iOS应用中的标题从中心向左移动
尽管当我在浏览器中直接在中间打开我的应用程序时,我的应用程序中的标题从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 ----------------------------------------- ------------------------------------ * /
.main-background {-webkit-transition:全部0.5s; -webkit-transform:translateX(-50px); top:44px;} .button-top {/ overflow:auto; margin-top:-10px; /} .in-right {position:relative; height: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; left:0px; 位置:绝对;}`
你有没有尝试改变/删除说left:0px
的CSS left:0px
? 这基本上是尽可能地把它留在其中。
我会重写该特定行的HTML并将其写入主CSS后。 比使用在div中居中文本的正常方式。
在div中居中文本
.bar-center {
margin-left: auto;
margin-right: auto;
width: 70%;
}
链接地址: http://www.djcxy.com/p/63035.html
上一篇: Title in my iOS app is shifted to the left from the center
下一篇: position absolute element visible inside overflow:hidden element