Sencha触摸2标题省略号

时间:2012-08-20 15:15:20

标签: sencha-touch-2 titlebar ellipse

虽然水平空间很大,但表格视图上的标题有省略号。我在.x-title .x-innerhtml下的default-style.css中看到它。省略时调整的正确方法是什么?如果你觉得这种感觉很活泼,那么在这样的情况下我应该用它来找到答案会有所帮助。例如,我访问了sencha的API文档,找到了Ext.String.ellipsis,Ext.util.Format.ellipsis和Global_CSS.ellipsis。我看到了文档但不确定如何实际改变省略号的处理方式。

                items: [
                        {
                            xtype: 'container',
                            title: 'Bla Mobile',
                            layout: {
                                type: 'vbox',
                                pack: 'start',
                                align: 'center'
                            },

编辑:
我把它添加到我的style.css来修复它:

.x-title { padding:0 .3em; }

.x-title .x-innerhtml { padding: 0; }

1 个答案:

答案 0 :(得分:1)

这似乎是webkit中的一个错误,我提出了这个解决方案:

.x-title .x-innerhtml:after {
    content: '';
    display: inline-block;
    width: .3em; /* equal to the amount of padding on the element */
}