如何將兩個下拉選框并列顯示
下拉框select在網頁建造中比力常見，本家兒如果不但愿用戶輸入一些不合適法則的數據，若是種類不太多，利用下拉框是一個好的選擇。那么，若何讓兩個下拉框并列顯示呢？
東西/原料
- VSCode
方式/步調
- 1
打開VSCode編纂東西，建立一個H5規范的測試頁面SelectH5.html
- 2
在頁面中添加兩個select下拉框，每個下拉框添加3個測試選項
- 3
在瀏覽器中運行可以看到兩個下拉框其實默認是并列顯示的。因為select是內聯元素，現實內容有多寬，就占用多寬的位置。且不獨有一行
- 4
若是在兩個select外面各添加一個div，就會呈現兩個select各自占一行
- 5
在瀏覽器中運行，可以看到兩個select確實占了兩行。這是因為div是塊級元素，默認會獨有一行
- 6
將select外面的div添加樣式，display:inline-block; 意思是將div改為內聯元素，就不會獨有一行了
- 7
也可覺得div設置固心猿意馬寬度，而且設置float:left; 也可以讓兩個select并列顯示
- 發表于 2019-03-01 23:23
- 閱讀 ( 1308 )
- 分類：其他類型
admin
0 篇文章
作家榜 ?
-
xiaonan123
189 文章
-
湯依妹兒
97 文章
-
luogf229
46 文章
-
jy02406749
45 文章
-
小凡
34 文章
-
Daisy萌
32 文章
-
我的QQ3117863681
24 文章
-
華志健
23 文章