flexbox - 텍스트 줄바꿈 이슈

<div style="display:flex;">
	<p>testsetestsetse</p>
    <p>testsetestsetse</p>
</div>

 

위처럼 flex container 내에 텍스트 요소 있다고 할 때, 텍스트가 container 너비를 흘러넘치면, 앞쪽 텍스트 박스가 줄바꿈이 되는 현상이 있다.

 

이때 앞이 아닌 뒤의 컨텐츠에 'flex:1;' 을 적용하면 앞의 텍스트가 줄바꿈 되지 않는다.