let's get IT with DAVINA ๐ป
๊ธ์ ์ ์ด๊ณผ์? ๋ณธ๋ฌธ
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