컨테이너 요소가 하위 이미지의 최대 너비를 채택하도록 하려면 어떻게 해야 합니까?

래핑된 요소가 하위 이미지의 최대 너비를 차지합니다.

문제:

사용자 원한다 이미지를 포함 요소의 일부로 표시하고, 포함 요소에 다른 요소(예: 텍스트)가 포함되어 있더라도 포함 요소의 너비가 하위 이미지의 너비와 같도록 하려고 합니다.

해결 방법:

한 가지 해결 방법은 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 중국어 웹사이트의 기타 관련 기사를 참조하세요!