2012-03-02 13 views
1

我正在研究一個簡單的GWT應用程序。爲什麼在gwt中,寬度爲120px的列表框比120px寬的文本框短?

我有一個FlexTable,它裏面有標籤和輸入控件(如列表框,文本框,日期選擇器...),使用此模式:
LABEL輸入標輸入
LABEL輸入標輸入
和等等,所以我有兩列輸入字段和他們的描述。 我在這些輸入小部件的每一個上強制輸入一個setwidth("120px"),所以我希望它們排成一行(垂直)。但他們不是!列表框元素比文本框短,沒有明顯的原因。
有人可以解釋我嗎?

+0

錯誤的線程元件:) – user888284 2012-03-02 17:03:08

回答

1

應該顯而易見的原因,我也嘗試過你的情況,但我還沒有面臨過這樣的問題,應該從你身邊嘗試使用螢火蟲,你可以找到有什麼。這裏是我用你描述的代碼得到的,我沒有添加除setWidth("120px")之外的任何css風格: enter image description here

+0

我跟着你的建議和檢查用firebux生成的HTML代碼,這裏是爲:<選擇類=「GWT-列表框」風格=「寬度:120像素; 「>和 ...然而列表框更小... – user888284 2012-03-02 17:07:45

1

玩這個鏈接應該會給你一個更好的理解。 fiddle here

120px寬的文本框將寬120,然後添加邊框(每邊1px),並添加填充(每邊1px),製作124px寬的文本框。 然而,在列表框中,包括邊框和填充的總寬度將爲120. 這裏的關鍵在於,如果您需要寬度爲120px的文本框,並且每邊都有1px的邊框和填充邊距爲1px,那麼您需要將你的寬度設置爲116px。儘管保持選擇爲120px。

+0

這裏有一些東西我不理解..你提示文本框有填充和邊框,而列表框不是?我看到,在小提琴你的解釋工作,但仍然如果我將列表框的寬度更改爲125px(甚至超過你所建議的一個像素),列表框比文本框更短...並以這種方式適應措施是真的一個糟糕的方式來做這個東西:) – user888284 2012-03-02 17:16:28

相關問題