Form FormItem的水平 垂直間距控制

2021-05-28 13:35:13 字數 696 閱讀 2585

flex元件的屬性很多,不會每乙個元件的每乙個屬性都去研究一遍,在專案中對表單的布局有比較嚴格的要求,需要元件盡量緊湊,排列的時候使用到了以下幾個重點屬性

①form

1.verticalgap:2;控制同乙個form中兩個formitem之間的垂直距離

②formitem

1.direction="vertical|horizontal" 控制子項排布為垂直或水平

2.verticalgap:垂直方向上各子項間的畫素數目。預設值取決於元件類;

如果未覆蓋類的預設值,則預設值為 6。

3.horizontalgap:水平方向上各子項間的畫素數目。預設值取決於元件類;

如果未覆蓋類的預設值,則預設值為 8。

4.這個屬性找得最辛苦,其控制formitem的lable和子元件之間的間距

indicatorgap:表單項的標籤和子元件之間的畫素數目。 預設值為14.

居中 水平 垂直 水平垂直

將子元素的display設定為inline block,使子元素變成行內元素 這種方法的不足之處在於,子元素的text align繼承了父元素的center,文字也居中顯示,所以需要在子元素中設定text align left 思路二 在本身元素設定margin 0 auto實現塊級元素水平居中 若...

div水平居中及div水平垂直居中的方法總結

1 margin auto wrap wrap txt2 text align center 3 absolute margin偏移 wrap wrap txt4 display box 文字 box pack5 absolute transform 1 line height 文字 wrap tx...

技術水平與學習能力水平

我在思考乙個問題,本科與專科的的區別在那?差距在那?剛開始工作的時候,感覺大家都一樣沒啥太大的區別,就是乙個本本不一樣,技術掌握的水平不一樣。後來。我發現,我錯了,乙個本科和乙個專科的差距,不是本本,更不是大家的技術水平不一樣,而是,學習能力的差距,以前,老師i說,龜兔賽跑,烏龜獲得了勝利。我門就覺...