如何调整dojo BorderContainer布局以处理旋转的按钮？

我正试图在我的应用程序左侧实现一个带有旋转按钮的导航工具栏。当我使用css transform:rotate旋转按钮时，border container仍会执行其所有布局计算，就好像按钮没有旋转一样，因此它们最终会重叠并垂直放置在错误的位置。在我深入理解dijit/layout/utils模块以解决这个问题之前，我想知道是否有人已经有了我没有看到的解决方案

谢谢

在这里拉小提琴

JavaScript:

require(["dojo/_base/window", "dijit/Toolbar", "dijit/form/Button", "dijit/layout/BorderContainer"], function(win, Toolbar, Button, BorderContainer) {
  var bc = new BorderContainer();
  bc.placeAt(win.body(), "last");
  var tb = new Toolbar({region: "leading"});
  bc.addChild(tb);
  var b1 = new Button({label: "button1"});
  tb.addChild(b1);
  var b2 = new Button({label: "button2"});
  tb.addChild(b2);
  bc.startup();
  tb.startup();
  b1.startup();
  b2.startup();
});

CSS

以下是所需的外观：

---

如果我没听错的话，你想让你的按钮水平吗？ 然后，您只需要删除用于旋转的行

.dijitButton {
display: block;
}

---

您好，Miriam

谢谢您的反馈。不，我要垂直按钮，逆时针旋转90度。我已经澄清了这个问题。

.dijitButton {
display: block;
}