html的select宽度设定 html设定表格宽度

在使用Select时,有时候需要固定宽度,有时候需要自适应,下面说下要设定固定宽度时要注意的地方:
控件设定宽度一般是直接指定width属性即可,但Select设定固度是使用的形式设定,如果只设置width属性,则Select的宽度还是会随下面选择项的宽度变化而变化的,如:
<</span>selectwidth="20px">
<</span>option>1111111111111111111</</span>option>
<</span>option>22</</span>option>
<</span>option>1</</span>option>
<</span>option>44444444444444444444444444444444</</span>option>
</</span>select>则Select的宽度是第四个选项的宽度,即最终页面上显示的Select宽度肯定是大于20px的,如果是这种方式:

<</span>select>
<</span>option>1111111111111111111</</span>option>
<</span>option>22</</span>option>
<</span>option>1</</span>option>
html的select宽度设定 html设定表格宽度
<</span>option>44444444444444444444444444444444</</span>option>
</</span>select>则Select的宽度会固定为20px,即第四个选项会显示不完整,达到了固定Select宽度的目的。
以上在firefox上测试通过。

  

爱华网本文地址 » http://www.413yy.cn/a/25101012/112641.html

更多阅读

如何免费下载百度文库的文档 百度文库表格

如何免费下载百度文库的文档——简介如何免费下载百度文库的文档如何免费下载百度文库的文档——工具/原料百度文库是百度旗下的一个产品,上面有很多文档,我们搜索很多资料时会发现很多时候都搜到百度文库,但是百

word2013中表格的橡皮擦使用方法 word表格橡皮擦在哪里

word2013中表格的橡皮擦使用方法——简介word2013现在用的人越来越多了,但是由于这个版本与之前的版本有好多不一样的地方,好多工具的位置都变了。下面讲一下word2013中表格中橡皮擦的使用方法。word2013中表格的橡皮擦使用方法——

excel表格的基本操作教程 电脑工作表格基本操作

excel表格的基本操作教程——简介 excel表格功能非常强大,我们可以利用它收集记录数据,也可以进行简单的统计计算,还有很多函数功能可以利用,比如可以求和,求平均数,排序等,现在我简单的说一下它的基础操作。excel表格的基本操作教程——

声明:《html的select宽度设定 html设定表格宽度》为网友你给的恶作剧分享!如侵犯到您的合法权益请联系我们删除