5

横方向のスペースが大きいにもかかわらず、テーブル ビューのタイトルには省略記号が表示されます。.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 に答える