flex containr 안에 두개의 flex-item 이 존재할 때, 1번 아이템에 내부 컨텐츠(텍스트)가 길어질 경우, 2번은 줄어들지 않고 1번에서만 '...' 표기되게 하려고 한다. 무슨 이유에선지 다른데에서 아무문제 없이 사용되던 코드가 flex-container의 넓이가 충분함에도 불구하고 첫번째 아이템이 ... 처리되었다. 적용한 css는 아래와 같다. .flex-container { display: flex; } .flex-item1 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .flex-item2 { flex-shrik: 0; } 크롬에서는 원하는 대로 적용이되는데 유독 safari에서는 위의 첨부한 이미지처럼 ..
