2014-11-24 183 views
0

您好我想水平對齊中心 - 但它不是發生溫泉UI:居中對齊

這裏是我的代碼:

<ons-row class="center bordertop1 grey1" style="margin-top:10px;text-align:center !important;"> 
        <ons-col class="center borderright1 grey1" ng-click="" style="" ><ons-row style="margin-top:10px;margin-bottom:10px;"><img ng-src="img/icon/icon1.png" /></ons-row><ons-row class="center">icon1 </ons-row></ons-col> 
        <ons-col class="center borderright1 borderbottom1" style=""><ons-row style="margin-top:10px;margin-bottom:10px;"><img class="center" ng-src="img/icon/icon2.png" /></ons-row><ons-row class="center" style="margin-bottom:10px;" >option 2{{member.followercount}}</ons-row></ons-col> 
        <ons-col class="center borderbottom1" style=""><ons-row class="center" style="margin-top:10px;margin-bottom:10px;"><img ng-src="img/icon/icon3.png" /></ons-row><ons-row class="center" style="margin-bottom:10px; text-align:center !important;">option 3 </ons-row></ons-col> 
       </ons-row> 

我也嘗試風格=「文本對齊:中心;」

不工作

幫我 問候

+1

請顯示外部的css文件,現場示例會更好,但很難聯繫我們從這裏得到了什麼。 無論如何,已對齊的屬性,你可以在http://onsen.io/guide/overview.html閱讀,也有例子...去頁面上的「Layouts」。 – 2014-11-24 22:06:48

回答

3

無論哪種方式,我想嘗試操縱CSS或樣式添加類似性質:

width: 100%; 

margin: 10px auto;