Sencha touch 2 Sencha touch 2标题省略号
虽然水平空间很大,但表视图上的标题有省略号。我在.x-title.x-innerhtml下的default-style.css中看到它。当它省略时,正确的调整方法是什么?而且如果你觉得很兴奋,我应该用这种方法在这种情况下找到答案,这会很有帮助。例如,我访问了sencha的API文档,找到了Ext.String.ellipsis、Ext.util.Format.ellipsis和Global_CSS.ellipsis。我看到了文档,但不确定如何改变省略号的处理方式Sencha touch 2 Sencha touch 2标题省略号,sencha-touch-2,titlebar,ellipse,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; }
这似乎是webkit中的一个bug,我提出了以下解决方案:
.x-title .x-innerhtml:after {
content: '';
display: inline-block;
width: .3em; /* equal to the amount of padding on the element */
}