let's get IT with DAVINA ๐Ÿ’ป

๊ธ€์ž ์ˆ˜ ์ดˆ๊ณผ์‹œ? ๋ณธ๋ฌธ

DEV_IN/CSS

๊ธ€์ž ์ˆ˜ ์ดˆ๊ณผ์‹œ?

๋‹ค๋นˆ์น˜์ฝ”๋“œ๐Ÿ’Ž 2023. 2. 9. 05:07
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>
        ) : (
          ""
        )}
 )

'DEV_IN > CSS' ์นดํ…Œ๊ณ ๋ฆฌ์˜ ๋‹ค๋ฅธ ๊ธ€

div์— img ๋„ฃ๊ธฐ (props)  (0) 2023.02.09
Position  (0) 2023.02.09
GMT/UTC time ํ˜•์‹ โ€œ2023-02-02โ€ format์œผ๋กœ change  (0) 2023.02.08
react-datepicker  (2) 2023.02.08
React-Styled Components  (0) 2023.02.08
Comments