Flex div (전체 너비를 늘리지 않음) [중복]

Dec 07 2020

2 div가 있고 flex를 사용합니다.

.parent {
  display: flex;
  flex-direction: column;
  align-items: center;
  background: red;
}

.item {
  height: 40px;
  margin-bottom: 10px;
}

<div class="parent">
  <div class="item">something here</div>
</div>

내 문제는 부모가 화면 너비의 100 %라는 것입니다.

항목 내용만큼 크게 유지하여 자동으로 커지도록하려면 어떻게해야합니까 (텍스트가 많을 때 더 적은 수로 커지거나 작아집니다)?

답변

1 fahimchowdhury Dec 07 2020 at 18:06

flex 대신 inline-flex를 사용하십시오.

display: inline-flex;