如何在Sencha Touch中使用多行表单标签？

如果我为任何形式的元素设置了足够长的label或FieldSet的title，那么只要将labelAlign设置为right，它就会永远水平增长。我如何强制这些包装到下一行而不是创建水平滚动条？如何在Sencha Touch中使用多行表单标签？

另外，如果我强制宽度为静态，例如'width：'200'，那么它只是在末尾添加一个省略号（'...'）。 – 2012-03-22 02:03:36

您将需要覆盖禁止包装的默认CSS（white-space: nowrap）。

Example

2012-03-22 05:48:28 rdougan

谢谢，我会试试这个。如果'labelAlign ='left''，那么它按预期工作。如果labelAlign ='right'，行为会完全改变，这让我认为这是一个应该由Sencha解决的错误。 – 2012-03-22 13:36:50

奇数，两个labelAlign左右使用2.0GA为我使用文本省略号：http://rwd.me/FFDv（这是预期的行为）。 – rdougan 2012-03-22 18:12:04

好吧，你是对的。也许是1.x做了左对齐的多行。不应该有一些设置来关闭省略号吗？国际海事组织，我不应该深入到CSS来解决这个问题... – 2012-03-23 01:14:47

-2

我想到用labelWidth属性字段会给你想要的结果：这应该做的工作：

.x-form-fieldset-title, 
.x-form-label { 
    white-space: normal; 
}

例。

2012-03-22 06:54:05 Swar

查看我的评论。它没有。 – 2012-03-22 13:21:51

回答