私の質問は簡単です:
div が含まれる要素の幅に自動伸縮するのを止めて、その中のコンテンツが強制する分だけ水平に伸縮させることはできますか?
div のデフォルトの垂直方向の動作に似ていますが、水平方向に適用されます。これは可能ですか?
display
プロパティを次のように設定する必要がありますinline-block
<div style="display: inline-block">Text</div>
実際にdisplay:inline
は、ブラウザのサポートが向上しますが、必要な結果が得られない場合があります。div がコンテンツと一致するように維持され<span>
ます。
要素には、ブロックとインラインの 2 種類があります。ブロック要素は幅に合わせて伸縮し、線を分割します。インラインはコンテンツに拡張され、インラインのままです。(!)
display:inline-block
のサポートは向上していますが、古いブラウザではサポートされていません。