在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML5  HTML/ 如何在web頁面上優(yōu)雅的動態(tài)展示多個(不確定)個下拉框呢。

如何在web頁面上優(yōu)雅的動態(tài)展示多個(不確定)個下拉框呢。

如題,想在web頁面上放置多個下拉框,但是下拉框的個數(shù)和下拉框前的提示字符是不確定的,所以這就會造成一個問題,在對這些下拉框進行排列或者布置的時候,很亂,要不就是很難看的那種,所以咨詢下有沒有知道比較優(yōu)雅的排列的方式呢? 現(xiàn)在的做法是將每一個的select放置在單獨的div中,并使用柵格每行顯示4個到5個,展示效果不是很理想。
比如
123:[下拉菜單1] 456:[下拉菜單2] 789:[下拉菜單3]
... ...
這樣就會導致,如果換成大屏幕的刷,每個div之間的間隔非常難看。
有沒有好的辦法呢,請各位指點下。謝謝

回答
編輯回答
陌上花

flex布局

總體容器為flex容器 里面的下拉框容器為flex項目

容器需要設置

justify-content: space-around | space-between; 
flex-wrap: wrap;

每個下拉框容器固定寬度

容器內提示文字左浮動 下拉框右浮動 提示文字 text-align: justify;

2018年2月15日 14:58
編輯回答
陌南塵

下拉框可以用select2插件,比你這么來回布局好的多

2017年4月20日 14:29