要素をフロートさせたり、絶対位置にしたりせずに、コンテンツのサイズに基づいてdivをそのサイズに合わせることができるかどうかを明確にしたいと思います。出来ますか?
要素をフロートさせたり、絶対位置にしたりせずに、コンテンツのサイズに基づいてdivをそのサイズに合わせることができるかどうかを明確にしたいと思います。出来ますか?
回答:
display
設定もちろん可能です-3つの可能な解決策すべてを見ることができるJSFiddleの概念実証:
display: inline-block
-これはあなたが気付いていないものです
position: absolute
float: left/right
を使用できますdisplay: inline-block
。
position:absolute
。それも可能です。私の答えのリンクをクリックしてください。
次を使用できます。
width: -webkit-fit-content;
height: -webkit-fit-content;
width: -moz-fit-content;
height: -moz-fit-content;
編集:いいえ。http://red-team-design.com/horizontal-centering-using-css-fit-content-value/を参照してください。
-webkit-fit-content
か、-moz-fit-content
あなたが使用しているブラウザによって異なります。
display: block-inline
!! (つまり、外側はブロックとして、内側はインラインとして動作します-の反対ですinline-block
)