久久无码中文字幕_日韩精品无码一本二本三_久久精品呦女暗网_欧美一级夜夜爽_久久精品国产99久久99久久久

01
2023/09

表單對齊方式要根據(jù)整個系統(tǒng)的表單數(shù)據(jù)數(shù)量來決定

發(fā)布時間:2023-09-01 17:25:56
發(fā)布者:whr
瀏覽量:
0

最近做的一個后臺管理項目,界面設(shè)計中很多彈窗表單,表單的對齊方式為頂對齊方式,當(dāng)時選擇頂對齊的排列方式的原因是標(biāo)題和輸入框的間距小,縮短填寫表單時間;垂直路徑一直向下,用戶的視線固定;統(tǒng)一輸入框?qū)挾龋曈X效果更統(tǒng)一。設(shè)計的時候展示表單信息也是一屏的高度正好,但是沒考慮到前端實現(xiàn)頁面效果可能會有偏差,標(biāo)題間距太大,導(dǎo)致一個彈窗還顯示不全,需要加下拉框,效果如下圖所示:

form.png

導(dǎo)致這種原因一個是間距,另一個就是對齊方式了,頂部對齊方式高度會比左對齊占據(jù)的多,因此此時對齊方式選擇左對齊最為合適,如下圖所示:

form2.png

如展示數(shù)據(jù)過多,可另起兩列展示,且沒有下拉框,展示清晰明了。

關(guān)鍵詞:
返回列表