会员
周边
众包
新闻
博问
闪存
所有博客
当前博客
我的博客
我的园子
账号设置
简洁模式
...
退出登录
注册
登录
waiting 4 u
博客园
首页
管理
表单对齐 不用table 可适应不同宽度
经常在页面中遇到表单提交,表单的左列往往宽度不同,用table是比较偷懒的让他们对齐的方式。 这小段JS可以根据最宽标题确定左列宽度,比较美观
功能描述
经常在页面中遇到表单提交,表单的左列往往宽度不同,用table是比较偷懒的让他们对齐的方式。
这小段JS可以根据最宽标题确定左列宽度,比较美观
原图
CSS
label, input[type="text"]{
float:left;
display:block;
}
label
{
margin-right: 5px;
}
.field{
width:100%;
overflow:auto;
margin:5px 0px;
}
JS
$(document).ready(function() {
var max = 0;
$("label").each(function(){
if ($(this).width() > max)
max = $(this).width();
});
$("label").width(max);
});
调整后
posted on
2009-11-26 16:16
灵山紫竹
阅读(
680
) 评论(
0
)
编辑
收藏
举报
会员力量,点亮园子希望
刷新页面
返回顶部