text-overflow
-
왜 text-overflow ellipsis 가 동작하지 않는거지??물망초. 2021. 8. 21. 02:46
가끔 그럴 때가 있습니다.. 잘 사용하던 친구가.. 동작하지 않을 때가.. 물론 제대로 알고 사용하던게 아니라서 그런 것이겠지요 이번도 그랬습니다. text-overflow: ellipsis; 가 동작을 하지 않는 문제였습니다. 처음에는 mdn text-overflow를 보며 작성합니다. .ellipsis { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } 여기서 문제는 위 코드들이 문제가 아니였어요.. code-sandbox 위와 같은 문제와 넘치는데 ellipsis가 적용되지 않는 문제가 있었어요! 그래서 다시 mdn을 살펴봤습니다. The text-overflow property only affects content that is..