輸入格尺寸

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。