关于Select宽度设定 (2)
Posted on关于Select宽度设定 (2)
关于Select宽度设定
2009年09月03日 星期四 09:17 在使用Select时,有时候需要固定宽度,有时候需要自适应,下面说下要设定固定宽度时要注意的地方: 控件设定宽度一般是直接指定width属性即可,但Select设定固度是使用style="width:n"的形式设定,如果只设置width属性,则Select的宽度还是会随下面选择项的宽度变化而变化的,如:
则Select的宽度是第四个选项的宽度,即最终页面上显示的Select宽度肯定是大于20px的,如果是这种方式:
在使用Select时,有时候需要固定宽度,有时候需要自适应,下面说下要设定固定宽度时要注意的地方: 控件设定宽度一般是直接指定width属性即可,但Select设定固度是使用style="width:n"的形式设定,如果只设置width属性,则Select的宽度还是会随下面选择项的宽度变化而变化的,如:
则Select的宽度是第四个选项的宽度,即最终页面上显示的Select宽度肯定是大于20px的,如果是这种方式:
则Select的宽度会固定为20px,即第四个选项会显示不完整,达到了固定Select宽度的目的.
自動調整為最大長度:
鼠標點時自動變成最大長度,離開或選中時恢復原長度
鼠標滑過時自動變成最大長度,離開或選中時恢復原長度
選擇后在頁面的其它位置顯示選擇的項目
鼠標滑過時顯示當前選擇的項目的值
则Select的宽度会固定为20px,即第四个选项会显示不完整,达到了固定Select宽度的目的.
http://hi.baidu.com/qihuitoday/blog/item/6462f6665535e52dab184ca9.html
