Front End Develop Front End Develop

HTML markup this-file-has-a-really-really-really-long-filename. pdfCSS.filename { display: flex; min-width: 0;}.filename__base { text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}.filename__extension { flex-shrink: 0;} flex container의 기본 min-width는 auto 입니다. min-width가 auto일 때는 자식 요소들의 최소 너비를 보장하려고 합니다.이로 인해 텍스트가 긴 경우 text-overflow:ellipsis가 적용되지 않을 수 있는데요.이 때 min-width를 0..