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输入框默认提供的字体较小,且内边距较大。 这是为了提供统一的样式和好看的外观。 在某些情况下,我们希望使用较大的字体,且让输入框的内边距小一些以便容纳更多东西。
2561 0
|
3月前
|
前端开发
el-form-item label中的字体样式设置格式
这篇文章介绍了如何在Element UI的`el-form-item`组件中自定义`label`标签的样式,通过使用`slot`属性和内联CSS来改变字体颜色和加粗显示。
el-form-item label中的字体样式设置格式
|
6月前
label控件
label控件
47 1
|
前端开发
设置输入框placeholder默认文字颜色
设置输入框placeholder默认文字颜色
327 0
|
Web App开发 前端开发 开发者
1 分钟认识新属性 accent-color —— 修改 input 默认控件颜色
1 分钟认识新属性 accent-color —— 修改 input 默认控件颜色
|
Web App开发 前端开发
去掉谷歌默认的input textarea边框样式
谷歌浏览器Chrome基于WebKit开源浏览器引擎,自然能够通过相关的一切方法自定义设置浏览器的默认状态。谷歌浏览器Chrome安装之后,大家应该都留意到所有的表单都会添加黄色边框特效。在某些时候这些特效还是很不错的,但是当网站本身就已经对于表单样式有一定的设计时,这种默认表单样式就会让人觉得套样了!
161 0
控制label标签的宽度,不让它换行 label标签左对齐
控制label标签的宽度,不让它换行 label标签左对齐
|
前端开发
表单label里的文字默认是靠下的,如何靠上对齐?
0df3d7ca7bcb0a468694703e6a63f6246b60af07.jpg 给文本域加一个vertical-align:top;的CSS样式就行了,像这样: 文本域
1619 0
fbh
|
Web App开发
input 属性placeholder 默认值颜色修改
input::-webkit-input-placeholder { /* WebKit browsers */ color: #fff; } input:-moz-placeholder { /* Mozilla...
fbh
1209 0
|
Web App开发 测试技术