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;