[CSS] 글자 수 초과시

const ReviewContent = styled.div`
    text-overflow: ellipsis; //말 줄임표 생략기호
    overflow: hidden; //넘어간 부분(글자) 안보여주기
    white-space: nowrap; //여러줄 안보이게 하기
`;

 return (
 <ReviewContent>{review.content}</ReviewContent>
        {review.content.length >= 30 ? (
          <MoreContent onClick={handleModal}>
            더보기
            {openModal ? (
              <DetailReview
                review={review}
                handleModal={handleModal}
                getToday={getToday}
              />
            ) : null}
          </MoreContent>
        ) : (
          ""
        )}
 )