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


88

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


これができたら、Web開発がどれほど簡単だったか想像してみてください。欲しいdisplay: block-inline!! (つまり、外側はブロックとして、内側はインラインとして動作します-の反対ですinline-block
ADTC 2016

回答:




14

次を使用できます。

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

編集:いいえ。http://red-team-design.com/horizo​​ntal-centering-using-css-fit-content-value/を参照してください

また: http //dev.w3.org/csswg/css-box-3/


これはトロールの答えですか?fit-contentは、幅または高さの有効なプロパティ値ではありません。
アダム

2
それは動作しますが、あなたはに値を設定する必要があります-webkit-fit-contentか、-moz-fit-contentあなたが使用しているブラウザによって異なります。
warownia1 2015

OK。私はそれを知りませんでした。
the_HTML_Man 2015

4

あなたも使うことができます

ワードブレイク:ブレイクオール;

何も機能していないように見える場合、これは常に機能します;)


1

EdgeとChromeでうまく機能します:

  width: fit-content;
  height: fit-content;
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.