5

尽管水平空间很大,但 table view 上的标题有省略号。我在 .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; }
4

1 回答 1

1

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

.x-title .x-innerhtml:after {
    content: '';
    display: inline-block;
    width: .3em; /* equal to the amount of padding on the element */
}
于 2012-10-18T08:05:51.750 回答