css - 単純な CSS の問題

Question

ページにdivを配置するか、ページに何かを配置すると、幅を100％に設定したかのように、幅が最後まで自動的に拡張されます。明らかに、幅の値 (100px など) を設定する必要がありますが、固定ではなく、コンテンツと同じ幅にしたいだけです。テキストが長いほど、コンテンツの幅が広くなります。どうすればこれを処理できますか? どうしたの？

Answer 1

デフォルトでは、幅autoはブロック要素に親要素の幅全体に拡張するように指示します。display: tableまたはdisplay: inline-block、その内容の幅まで縮小する必要があります。

display: tableここで実際の動作を確認できます。

http://codepen.io/cimmanon/pen/FvGxl

Answer 2

以下を設定する必要があります。

width: auto;
display: inline-block;