以％设置Dojo的Button高度？

Question

我正在尝试创建一个dojo Button并将其设置在2行表格单元格内，从而使其内部呈现的整个高度变高，无论如何由于某种原因它无法正常工作。

require( [  "dijit/form/Button" , "dojo/dom", "dojo/parser"],
  function(  Button, dom, parser )
  {
     var buttonExecuteQuery = new Button(
     {
           id        : "btnExecuteQuery",
           busyLabel : "Изпълнява",
           label     : "Изпълни",                    
           style     : "height:100%",
           height    : "100%"
     });
})

• 如何设置Dojo的Button高度？

Answer 1

遵循语法的正确方法是style: "height:100%"

var buttonExecuteQuery = new Button(
    {
        id        : "btnExecuteQuery",
        busyLabel : "Изпълнява",
        label     : "Изпълни",                    
        style     : "height:100%"
    }
);

height: "100%"不执行任何操作。 现在，最重要的部分是，您需要了解一下height: "100%"仅在已知父级的高度时才有效，例如，如果您希望按钮占据div的整个高度，则必须设置该div的高度

<div style="height: 50px">
    <button style="height: 100%">My Button</button>
</div>

SO中对此主题的讨论很多，例如，您可以阅读
使div的浏览器窗口高度为100％
高度：100％; 不工作
CSS高度100％不起作用

希望能帮助到你