将Dojo的按钮高度设置为%?

时间:2016-11-04 15:52:44

标签: javascript dojo

我试图创建一个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的按钮高度?

1 个答案:

答案 0 :(得分:0)

遵循语法的正确方法是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>

这里有很多关于这个主题的讨论,例如你可以阅读 Make div 100% height of browser window
height:100%; not working
CSS height 100% percent not working

希望有所帮助