如何将自动宽度设置为一个按钮的背景的div

Question

我正试图在我的应用程序的按钮周围放置一个div。 div应该在按钮周围有5px的填充。然而，除非我用数字设置宽度，div始终跨越页面的整个宽度。显然，为每个div设置一个“自动”宽度而不是为每个单独按钮指定宽度要容易得多。有没有办法做到这一点？

样式表：

.button_div {width: auto; height: auto; border-radius: 10px; padding: 5px;} 

观点：

<div class="button_div"> 

谢谢！

Answer 1

div的“自动”宽度为为，div占据全宽。 Div的默认为块级别。

要让div折叠到其内容的大小，您需要将其浮动或将显示设置为内嵌块。

Answer 2

你为什么不使用

<button class="someClass"/> 

.someClass {padding: 5px;}