html页面中下拉列表怎么控制宽度_随笔

1、直接设置select标签的宽度就可以了。具体的 *** 作步骤首先需要新建一个html文件，在文件中创建2个select下拉列表：

2、然后在上方的head标签中设置style样式表，首先设置第一个select标签的宽度，这里设置select1的样式标签的宽度为300px，为一个精确值，并设置一下高度和背景颜色，方便接下来查看效果：

3、然后设置select2的宽度，这里使用百分比设置宽度，百分比代表的是铺满整个屏幕所占的比例，这里设置为50%：

4、最后来到浏览器，即可看到两个不同宽度的select下拉列表了。以上就是html页面中下拉列表控制宽度的方法：

先把导航条做出来，然后在每个想有下拉列表的栏目下，画出来下拉的选项，格式一般为

<div><ul><li><a>1</a></li><li><a>2</a></li></ul></div>，然后调好样式。并将div的style设置，display=none

然后获取到你的栏目，添加鼠标事件onMouseover或onclick都行。事件中添加jquery代码。

$("要下来的那个div的选择器").slideDown(100) 100为时间

基本上就是这个思路。

需要准备的材料分别有：电脑、浏览器、html编辑器。

1、首先，打开html编辑器，新建html文件，例如：index.html。

2、在index.html中的<body>标签中，输入html代码：

</select>

3、浏览器运行index.html页面，此时成功设置了下拉列表的宽度为200px。

欢迎分享，转载请注明来源：内存溢出

html页面中下拉列表怎么控制宽度