2014-11-24 178 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;