如何隐藏保持位置的按钮？

Question

我有这个例子，我想在信息按钮不活动时修复字段的位置。

如何在css中执行此操作？

在视图中，我使用此代码创建该字段，在生成表单时正确调用..

generateInfoForField: function (f, infoText) {
    return {
      xtype : 'container',
      layout: {
        type: 'hbox'
      },
      items : [
        f,
        {
          xtype    : 'button',
          cls      : 'infoText',
          iconCls  : 'info',
          infoText : infoText,
          itemId   : 'infoText',
          listeners: {
            tap: {
              scope: this,
              fn   : this.infoButtonTapped
            }
          }
        }
      ]
    };
  },

css类是：

.infoText {
  margin-top: .3em;
  margin-right: .5em;
}

Answer 1

尝试推杆 应该隐藏的按钮visibility: hidden;。这样它仍然占用了所需的空间，因此其他元素也是如此。职位不会改变。

Answer 2

看一些代码会很有用，但是如果没有这个，实现这样的东西的常规方法就是给子元素 position：absolute; 和父元素位置：亲戚; 。

在此上下文中，父元素可能是条形本身，子元素是十进制文本，输入和信息按钮。您需要绝对定位信息按钮，相对定位条形图，然后使用顶部和右侧css属性将信息按钮放在正确的位置。