CSS

text가 div의 크기보다 길어서 div를 넘어간다면?를 사용하면 된다white-space:nowrap은 줄이 넘어가는 것을 방지하는 것overflow:hidden text가 div를 넘어가면 숨겨주는 역할text-overflow:ellipsis 는 text가 div

export const ReactSlick = styled(Slider)\` width: 100%; height: 40vh; .slick-list { //슬라이드 스크린 width: 100%; height: 100%; overflow-x: h

div에 텍스트가 자동으로 줄바꿈이 안된다면?word-break:break-all을 추가해주자

※ 정확한 영역에 hover를 하고 싶으면 한 번 더 감싸주면 됨ID선택자와 :hover를 이용해 display none과 block사이를 적절하게 만들어 준다.