如何在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

回答