web-dev-qa-db-ja.com

divをそのサイズに合わせてコンテンツに合わせるのは本当に不可能ですか？

要素をフロートさせたり、位置を絶対にすることなく、コンテンツのサイズに基づいてdivをそのサイズに合わせることが可能かどうかを明確にしたいと思います。出来ますか？

htmlsizewidth
72
Gabriele Cirulli

CSS display設定

もちろん、これは 可能-JSFiddleの概念実証 であり、3つの可能なソリューションすべてを見ることができます：

  • display: inline-block-これはあなたが気づいていないものです

  • position: absolute

  • float: left/right

116
Robert Koritnik

display: inline-block を使用できます。

20
Matt Ball

次を使用できます。

width: -webkit-fit-content;
height: -webkit-fit-content;
width: -moz-fit-content;
height: -moz-fit-content;

EDIT：いいえ。 http://red-team-design.com/horizo​​ntal-centering-using-css-fit-contentを参照-value /

ALSO：http://dev.w3.org/csswg/css-box-3/

11
The_HTML_Man

あなたも使用できます

単語分割：すべてを分割します。

何も機能していないように見えるとき、これは常に動作します;）

2
meghaM