2016-11-04 153 views
0

我正在尝试创建一个dojo按钮,并将其设置在跨行的2行表格单元格中,使其内部的整个呈现高度无论如何由于某种原因它不起作用。设置Dojo的按钮高度(%)?

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的按钮高度?

回答

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

希望它可以帮助

+0

你好卡斯特罗罗伊。这个版本的dojo可以工作吗?因为它在v10上看起来不起作用。 (或者这可能是我的错误)。它只适用于我清理html/js –

+0

我用dojo'1.10'测试。如果你在构造函数中传递它,'new Button({style:“height:100%”})',检查你的html,它将会在那里,然后,你只需要按照给出的其他链接:100%的作品,有道理?另外,如果你不想使用内联样式,你可以使用一个css类 –

+0

你可以在https://jsfiddle.net操场上发布你的源代码请进行测试。 –