让按钮全宽？ | 让按钮全宽

本文介绍了让按钮全宽？的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

我想要一个按钮占用列的全部宽度，但有困难...

I want a button to take up the full width of the column, but having difficulties...

<div class="span9 btn-block">
    <button class="btn btn-large btn-block btn-primary" type="button">Block level button</button>
</div>

如何使按钮与列宽一样宽？ p>

How do I make the button as wide as the column?

这是一个快速和脏的例子。基本上，在CSS：中结合display：block和width：100％。我在IE9和Chrome 21中测试。

This is a quick and dirty example. Basically, combine "display: block" with "width: 100%" in your CSS. I tested in IE9 and Chrome 21.

<html>

<div style="background-color: black">

<button style="display: block; width: 100%;">button</button>

</div>

</html>

这篇关于让按钮全宽？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！