设置Dojo's按钮高度%

Set Dojo's Button height in %?

本文关键字：按钮 高度 Dojo 设置      更新时间：2023-09-26

我正在尝试创建一个dojo按钮，并将其设置在跨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的按钮高度?

正确的语法方式是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%不可用

希望有所帮助

相关文章：