Sencha Touch 2 标题省略号

Question

表格视图中的标题出现省略号，即使水平空间很大。在default-style.css文件的.x-title .x-innerhtml下可以找到它。如何适当地调整省略号？如果您感到好奇，那么在这种情况下找到答案的方法会很有帮助。例如，我查看了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; }

- rd42

Answer 1

这似乎是 Webkit 中的一个 bug，我想出了这个解决方案：

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

- Spadar Shut