Extjs/Javascript:如何将图像与其他字段(文本框、组合框)垂直对齐放置在具有hbox布局的多行面板中?
如何在“hbox”布局的面板中排列一些图像,同时使它们与表单中的其他字段对齐? ExtJs中的常见表单字段的Extjs/Javascript:如何将图像与其他字段(文本框、组合框)垂直对齐放置在具有hbox布局的多行面板中?,javascript,image,internet-explorer,extjs,hbox,Javascript,Image,Internet Explorer,Extjs,Hbox,如何在“hbox”布局的面板中排列一些图像,同时使它们与表单中的其他字段对齐? ExtJs中的常见表单字段的页边距底部为5px,高度为22px,因此我现在唯一能想到的方法是将图像放在考虑此字段默认值的位置。当我的面板中有多行时,问题就出现了,尤其是在Internet Explorer中 基本上,我希望我的表单如下所示: 到目前为止我尝试了什么(首先我直接创建了图像,而不是作为容器中的项目-->相同的结果): 在Chrome中看起来不错,但在IE中,图像每行都会上升1px。我不知道为什么 还有别
页边距底部为5px
,高度为22px
,因此我现在唯一能想到的方法是将图像放在考虑此字段默认值的位置。当我的面板中有多行时,问题就出现了,尤其是在Internet Explorer中
基本上,我希望我的表单如下所示:
到目前为止我尝试了什么(首先我直接创建了图像,而不是作为容器中的项目-->相同的结果):
在Chrome中看起来不错,但在IE中,图像每行都会上升1px。我不知道为什么
还有别的办法吗?我将是一个完美的更好的方式,不必担心像素和计算
谢谢大家!
我使用的是ExtJs版本4.0.7您可以使用Ext.isIE属性根据浏览器设置尺寸,例如:
margin: Ext.isIE ? '0 5 6 5' : '0 5 5 5' //or whatever the appropriate values are
您仍然需要担心像素的计数,但至少在两种浏览器中看起来是一样的
margin: Ext.isIE ? '0 5 6 5' : '0 5 5 5' //or whatever the appropriate values are