flex min-height1 css Flex IE 이슈 정리 1. IE11 > 말줄임 텍스트가 보이지 않는 이슈 1.1 이슈 내용 flex 구조 내에서 특정 상황에서 말줄임 텍스트가 노출되지 않는 이슈 발생 원인 : 부모와 자식 요소에서 flex 구조를 사용했는데 높이를 잡지 못하는 경우에 말줄임을 하게 되면 overflow:hidden 속성에 의해서 텍스트가 노출되지 않게 됩니다. 1.2 테스트 아래 사진처럼 크롬에서는 정상 노출되지만 IE에서는 말줄임 텍스트가 노출되지 않는 상황을 재현 해보았습니다. 크롬(정상) IE(이슈) IE에서도 높이를 잘 잡고 말줄임이 잘 되던 영역에 flex: 1 을 추가하였더니 아래 사진처럼 사라졌습니다. 다시 flex: 1 을 지우고, 이번에는 노출이 안되던 요소의 flex: 1 을 제거 해보았습니다. 그 결과 정상적으로 노출되는.. 2021. 1. 12. 이전 1 다음