2 liuyufeialove liuyufeialove 于 2016.02.24 10:58 提问

请大家帮我看看 我的extjs 注册页面的 排版问题

他的对齐特别恶心 这是为什么啊 怎么调整一下代码啊

 var re = Ext.create('Ext.form.Panel', {
        bodyCls: 'bgimage',  
        border : true,  
        bodyPadding:5,

        width:350,
        height:500,
            defaults:{  
            margin:'58 0'  
        }, 
        items:[
        {
            xtype:'textfield',
            fieldLabel:'用户名',
            name: 'username',  
            labelAlign:'right',  
            labelWidth:80,  
            maxLength :20,
            minLength :8,           
            emptyText:'请在这里填写用户名',  
            maxLengthText : '账号大小在8-20位之间',
            minLengthText : '账号大小在8-20位之间',
            blankText:"用户名不能为空,请填写!",//错误提示信息,默认为This field is required!  
            allowBlank: false  
        },

        {
            xtype:'textfield',
            fieldLabel: '密  码', 
            id: 'pass1',            
            name: 'password',  
            inputType:"password",  
            labelWidth:80,  
            regex:/^[a-zA-Z]\w{5,17}$/,
            regexText:'以字母开头,长度在6-18之间,只能包含字符、数字和下划线',
            labelAlign:'right',  
            emptyText:'请在这里填写密码',  
            blankText:"密码不能为空,请填写!",//错误提示信息,默认为This field is required!  
            allowBlank: false

        },

        {
            xtype:'textfield',
            fieldLabel: '再一次密码',
            id: 'pass2',                        
            name: 'yPassword',  
            inputType:"password",  
            labelWidth:80,  
            labelAlign:'right',  
            emptyText:'请在这里再次填写密码',  
            blankText:"密码不能为空,请填写!",//错误提示信息,默认为This field is required!  
            allowBlank: false,
            vtype: 'repetition',  //指定repetition验证类型  
            repetition: { targetCmpId: 'pass1' } 
        },

        {
              xtype:"combo",
             name: 'college',
              fieldLabel:"学院",
              labelWidth:80,  
            store:["计算机科学与技术","信息安全","数字媒体与技术","其他"],//数据源为一数组
              allowBlank : false,
              blankText : "请选择专业"
        },

        {
            xtype:'radiogroup',
            fieldLabel:'性别:',
            columns:2,
            vertical:true,
            items:[{boxLabel:'男',name:'sex',inputValue:'1'},{boxLabel:'女',name:'sex',inputValue:'2'}]
        }

        ],      
        //renderTo:Ext.getBody()
    });  

他的对齐特别恶心 这是为什么啊 怎么调整一下代码啊
图片说明

1个回答

showbo
showbo   Ds   Rxr 2016.02.24 13:48
已采纳

你自己设置的 margin: '58 0',去掉这个配置

showbo
showbo 回复liuyufeialove: label默认居左,你要靠右增加 labelAlign: 'right',
2 年多之前 回复
liuyufeialove
liuyufeialove 我这个回答 只是针对于他们的上下啊... 我问的是左右 就是 比如 学院 那个label 与 那个combo 之间的距离
2 年多之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!
其他相关推荐
asp注册页面代码
asp注册页面代码
jq验证注册页面中的电子邮箱
贵美商城 body { border: 0px; padding: 0px; margin: 0px auto; font: 12px Tahoma; } div,ul,li,dt,dl { float: left; margin: 0px auto; padding: 0px; } li { list-style: none; } a:link { color: #33
用户注册页面以及源代码
对页面的设计和代码很有帮助,特别是源代码还不错,应该会对你帮助
注册界面生日(日期)js
jQuery.noConflict(); jQuery(function ($) { var $birthYear = $('.gbiaps_birthday_year'); var year = new Date().getFullYear(); $('' + (year) + '').appendTo($b
注册页面的各种判断(正则表达式)
1.密码判断 至少包含数字、字母(区分大小写)、符号中的2种 NSString *regex = @"^(?![A-Z]+$)(?![a-z]+$)(?!\\d+$)(?![\\W_]+$)\\S+$"; NSPredicate *predicate = [NSPredicate predicateWithFormat:@"self matches %@",re
注册页面验证
注册页面的验证
注册页面demo
注册页面的demo
网站测试技术
  基于Web的系统测试与传统的软件测试既有相同之处,也有不同的地方,对软件测试提出了新的挑战。基于Web的系统测试不但需要检查和验证是否按照设计的要求运行,而且还要评价系统在不同用户的浏览器端的显示是否合适。重要的是,还要从最终用户的角度进行安全性和可用性测试。  本文从功能、性能、可用性、客户端兼容性、安全性等方面讨论了基于Web的系统测试方法。  随着Internet和Intranet/Ex
请大家帮我看看Java的锁的问题。
import java.util.concurrent.locks.*; class Resource {  private String name;  private int count=1;  boolean flag=false;  Lock lock=new ReentrantLock();  Condition producer_con=lock.newCondition(
Mybatis源码解析-MapperRegistry注册mapper接口
知识储备 SqlsessionFactory-mybatis持久层操作数据的根本,具体的解析是通过SqlSessionFactoryBean生成的,具体的形成可见>>>Spring mybatis源码篇章-SqlSessionFactoryBean MapperInterface-mybatis的java接口类,用于service/controller层的调用,具体的解析是通过Mapper