[CSS] CSS 말 줄임표 사용하기 (+ Mui 이슈)

CSS에서 말줄임표 사용하기

But, Mui에서의 이슈를 곁들인..!

말줄임표 구현

              <Stack
                overflow="hidden"
                textOverflow="ellipsis"
                whiteSpace="nowrap">
                로딩구현 
              </Stack>

-> CSS에서 말 줄임표를 사용하기 위해선 위와 같이 선언해주면 구현이 가능하다!

하지만, 나의 글자들은 말을 듣지 않았다...

이슈 해결

mui에서 Stack이란 컴포넌트는 자동으로 display가 flex로 들어갔기 때문이었구, 이걸 display: 'inline'으로 바꾸어주니 해결되었다!

              <Stack
                overflow="hidden"
                textOverflow="ellipsis"
                display="inline"
                whiteSpace="nowrap">
                로딩구현
              </Stack>