在科尔多瓦温泉ONS-工具栏 [英] onsen ons-toolbar on cordova

问题描述

我在科尔多瓦发展的新。
我使用的温泉UI（1.2.1）的布局框架。
我有一个插件，工具栏上的标题有问题。

 ＆LT; ONS-工具栏＆GT;
    ＆LT; D​​IV CLASS =中心＆GT; someTextHere＆LT; / DIV＆GT;
＆LT; / ONS-工具栏＆GT;
 

如果我纹波运行我的程序，工具栏文本正确（居中文本）呈现，但在Android模拟器，它没有（文字对齐改为左）。

这仅发生在'中心'类的文字。返回键和菜单键也放在工具栏部分，两个模拟器工具完美呈现。

我该如何解决呢？

感谢您对我的帮助

解决方案

您只需要添加属性固定式

\r

\r

＆LT; ONS-工具栏固定式＆GT;\r
    ＆LT; D​​IV CLASS =中心＆GT; someTextHere＆LT; / DIV＆GT;\r
＆LT; / ONS-工具栏＆GT;

\r

\r

\r

I'm new in cordova development. I'm using Onsen UI (1.2.1) as layout framework. I have a problem with title on ons-toolbar.

<ons-toolbar>
    <div class="center">someTextHere</div>
</ons-toolbar>

If I run my program on ripple, the toolbar text rendered correctly (centered text), but in android emulator, it didn't (text align changed to left).

It happens only for text with 'center' class. Back button and menu button which also put in toolbar section, rendered perfectly on both simulator tools.

How can i fix it?

Thank your for helping me

解决方案

You just have to add the attribute fixed-style

<ons-toolbar fixed-style>
    <div class="center">someTextHere</div>
</ons-toolbar>

这篇关于在科尔多瓦温泉ONS-工具栏的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！