Question

我有这样的代码：

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

如何使按钮适合div的尺寸？如果它是不可能的ny 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

如果只需要按钮来填充div，为什么不删除其中一个元素，将div作为一个按钮放在你想要的任何动作的onclick上，或者只是将按钮设置为主要按钮元素大小。

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

Answer 6

为什么不把尺寸放在按钮而不是div上？ div会自动采用正确的大小，你会得到一个完美的契合，没有JS。

输入到div大小

6 个答案: