[REACTJS] 어떻게 스트레칭 부모의 폭에서 아이의 내용을 방지하기 위해 [중복]

어떻게 스트레칭 부모의 폭에서 아이의 내용을 방지하기 위해 [중복]

해결법

1. ---

   1.폭 시도 : 0] 최소 폭 : 100 %; 메시지 컨테이너 :

   폭 시도 : 0] 최소 폭 : 100 %; 메시지 컨테이너 :

   .box { 표시 : 테이블; 마진 : 자동; 국경 : 1 픽셀의 검은 색; } .container { 표시 : 플렉스; 정당화 - 내용 : 센터; } .icon { 마진 오른쪽 : 10px; } 메시지 { 표시 : 블록; 폭 : 0; 최소 폭 : 100 %; }

   엑스

   일부 제목 <메시지> 넓은 부모를해서는 안

   긴 메시지

   또는 메시지 내부 사업부에 :

   .box { 표시 : 테이블; 마진 : 자동; 국경 : 1 픽셀의 검은 색; } .container { 표시 : 플렉스; 정당화 - 내용 : 센터; } .icon { 마진 오른쪽 : 10px; } 메시지 { 표시 : 블록; } 메시지> DIV { 폭 : 0; 최소 폭 : 100 %; }

   엑스

   일부 제목 <메시지> 넓은 부모를해서는 안

   긴 메시지

from https://stackoverflow.com/questions/57599369/how-to-prevent-childs-content-from-stretching-parents-width by cc-by-sa and MIT license