输入格尺寸

Question

我有这样的代码：

<div style="width:500; height:500;"> 
    <input type="button"/> 
</div> 

如何适应按钮div的大小？ 如果IMPOSIBLE纽约CSS，我可以用js，jQuery的

Answer 1

确保你给你的宽度和高度父容器上的价值单位后缀：

<div style="width:500px;height:500px;"> 
    <input type="button" style="width:100%;height:100%;"/> 
</div> 

Answer 2

您可以使用CSS这个

<input type="button" style="width: 500px; height: 500px;" /> 

更好地利用一类为

.inpbutton 
{ 
    width: 500px; 
    height: 500px; 
} 

<input type="button" class="inpbutton" /> 

Answer 3

未经检验的，但是你可以通过启动像这样...

HTML：

<div style="width:500; height:500;"> 
    <input class="expand" type="button"/> 
</div> 

个

JS：

$('document').ready(function() { 
    $('.expand').each(function(i) { 
     $(this).width($(this).parent().width()); 
     $(this).height($(this).parent().height()); 
    }); 
}); 

Answer 4

$('document').ready(function() { 
    $('input[type=button]').each(function(){ 
     $(this).height($(this).parent().height()); 
     $(this).width($(this).parent().width()); 
    }); 
}); 

Answer 5

如果你需要的是获得按钮填写为什么不移除其中的一个元素，通过将任何你想要的动作放在onclick上，或者只是将按钮设置为具有大小的主元素，使得div充当按钮。

可能是你需要两个，但除非你有两个需要的理由，否则没有必要在div中包装按钮，你只会获得比需要更多的元素。

Answer 6

为什么不把按钮放在按钮上而不是div上？该div会自动采取正确的大小，并且你会得到一个完美的身材，没有JS。