테일윈드로 긴 url 줄이기: overflow-hidden, text-ellipsis, whitespace-nowrap
·
프로젝트/GitHub Profile Viewer
블로그 포스트 제목이나 링크가 너무 길어서 페이지를 어지럽히는 문제가 있으셨던 경험 없으신가요?이럴 때 Tailwind CSS의 overflow-hidden, text-ellipsis, whitespace-nowrap를 사용하면, 긴 텍스트를 한 줄로 깔끔하게 정리하고 "..."으로 표시할 수 있습니다. https://dietisdie.tistory.com/?tasdfyasdfpe=poasdfst&returasdfnURdsfaL=%2Fmasdfanageasdf%2Fposts%2F이렇게 속성을 적용할 경우https://dietisdie.tistory.com/... 이렇게 표시됩니다.1. overflow-hidden내용이 부모 컨테이너의 크기를 넘으면 숨기기 위한 클래스입니다.텍스트가 너무 길어도 화면 밖..