如何將自動寬度設置爲一個按鈕的背景的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;}