ボタンの背景であるdivに自動幅を設定する方法

Question

私のアプリのボタンの周りにdivを配置しようとしています。 divにはボタンの周りに5ピクセルのパディングがあります。しかし、divは、幅で番号を設定しない限り、ページの幅全体に広がっています。明らかに、個々のボタンの幅を指定する代わりに、すべてのdivに '自動'幅を持たせる方がずっと簡単です。これを行う方法はありますか？

スタイルシート：

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

ビュー：

<div class="button_div"> 

ありがとう！

Answer 1

の「自動」幅は、divが全幅を占めるためのです。 Divはデフォルトでブロックレベルです。

divをコンテンツのサイズに縮小するには、浮動させるか、ディスプレイをインラインブロックに設定する必要があります。

Answer 2

は、なぜあなたは

<button class="someClass"/> 

.someClass {padding: 5px;}