프론트엔드 정복하기
flexbox - 텍스트 줄바꿈 이슈 본문
<div style="display:flex;">
<p>testsetestsetse</p>
<p>testsetestsetse</p>
</div>
위처럼 flex container 내에 텍스트 요소 있다고 할 때, 텍스트가 container 너비를 흘러넘치면, 앞쪽 텍스트 박스가 줄바꿈이 되는 현상이 있다.
이때 앞이 아닌 뒤의 컨텐츠에 'flex:1;' 을 적용하면 앞의 텍스트가 줄바꿈 되지 않는다.
'CSS > CSS' 카테고리의 다른 글
| flexbox 의 flex 속성 (0) | 2021.10.12 |
|---|---|
| CSS | resize 속성 (0) | 2021.02.15 |
| background-image URL 로드 실패 시 (1) | 2021.01.21 |
| cursor: pointer;가 작동하지 않을 때 (0) | 2020.12.07 |
| input-checkbox 꾸미기 (0) | 2020.06.26 |