コンテナ要素に子イメージの最大幅を適用させるにはどうすればよいですか?

ラップされた要素は子画像の最大幅を占めます

問題:

ユーザー欲しいイメージを包含要素の一部として表示し、包含要素に他の要素 (テキストなど) が含まれている場合でも、包含要素の幅をサブイメージの幅と等しくしたい。

回避策:

回避策の 1 つは、CSS 表示プロパティを使用して、ラッピング要素をテーブルに設定し、その幅を 1% に設定することです。これにより、画像が強制的にその幅から抜け出して、独自のサイズをラッパーの幅に設定します:

.wrapper {
  border: 1px solid red;
  display: table;
  width: 1%;
}

<div class="wrapper">
  <img src="image.jpg">
  <p>Your text here</p>
</div>

このようにして、ラッピング要素は子画像の最大幅を取得します。他の要素とは関係なく、 の内容は何ですか。

以上がコンテナ要素に子イメージの最大幅を適用させるにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。