Ext中TextField的 label和feild的间距的设定

简介:

直接设置labelWidth属性,但是要注意一点,这个属性要设置在FormPanel中而不是items中,例如

 
  1. var reorm = new Ext.form.FormPanel({ 
  2.                 autoHeight : true, 
  3.                 id : '_id', 
  4.                 url:'', 
  5.                 width : 500, 
  6.              height:450, 
  7.                 border: false, 
  8.                 labelWidth:40,//要设置在这里 
  9.                 items: [{ 
  10.                     layout:'column', 
  11.                     columnWidth:1, 
  12.                     items: [{ 
  13.                         layout:'form', 
  14.                         border:false, 
  15.                         items:[{ 
  16.                         xtype : 'textfield', 
  17.                         fieldLabel: '测试', 
  18.                         id:'_aaa', 
  19.                         readOnly:true, 
  20.                         columnWidth:.9, 
  21.                         width:200, 
  22.                         name:'aaa 
  23.                         }] 
  24.                     } 

 本文转自sucre03 51CTO博客,原文链接:http://blog.51cto.com/sucre/884176,如需转载请自行联系原作者

相关文章
el-input el-select调整字体及内边距
1. 背景 el-input输入框默认提供的字体较小,且内边距较大。 这是为了提供统一的样式和好看的外观。 在某些情况下,我们希望使用较大的字体,且让输入框的内边距小一些以便容纳更多东西。
2395 0
|
2月前
label控件
label控件
28 1
|
8月前
|
前端开发
设置输入框placeholder默认文字颜色
设置输入框placeholder默认文字颜色
54 0
|
Web App开发 前端开发 开发者
1 分钟认识新属性 accent-color —— 修改 input 默认控件颜色
1 分钟认识新属性 accent-color —— 修改 input 默认控件颜色
|
前端开发
表单label里的文字默认是靠下的,如何靠上对齐?
0df3d7ca7bcb0a468694703e6a63f6246b60af07.jpg 给文本域加一个vertical-align:top;的CSS样式就行了,像这样: 文本域
1587 0
fbh
|
Web App开发
input 属性placeholder 默认值颜色修改
input::-webkit-input-placeholder { /* WebKit browsers */ color: #fff; } input:-moz-placeholder { /* Mozilla...
fbh
1187 0
|
Web App开发 测试技术

热门文章

最新文章