如何将两个下拉选框并列显示
下拉框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
- 阅读 ( 1304 )
- 分类：其他类型
admin
0 篇文章
作家榜 »
-
xiaonan123
189 文章
-
汤依妹儿
97 文章
-
luogf229
46 文章
-
jy02406749
45 文章
-
小凡
34 文章
-
Daisy萌
32 文章
-
我的QQ3117863681
24 文章
-
华志健
23 文章