如何在调用对象上的每个方法时使用css显示flex列

<link rel="stylesheet" href="styles.css">

var myObject = {
  method1: function() {
    // 方法1的代码
  },
  method2: function() {
    // 方法2的代码
  },
  // 其他方法...
};

<div class="container"></div>

.container {
  display: flex;
  flex-direction: column;
}

<div class="container">
  <button class="method-btn">方法1</button>
  <button class="method-btn">方法2</button>
  <!-- 其他按钮或链接... -->
</div>

.method-btn {
  flex: 1;
}

var methodButtons = document.getElementsByClassName("method-btn");

for (var i = 0; i < methodButtons.length; i++) {
  methodButtons[i].addEventListener("click", function() {
    // 获取按钮的文本内容，根据需要调用对象上的相应方法
    var methodName = this.textContent;
    myObject[methodName]();
  });
}