[CSS] 텍스트 앞에 붙은 Dot이 찌그러질 때
2024. 3. 22. 12:23
반응형
<Flex style={{ alignItems: 'baseline' }}>
<Dot />
<div className="desc">{text}</div>
</Flex>
위와 같은 구조에서 텍스트가 2줄이 넘어가면 dot이 찌그러진다.
텍스트를 감싸고있는 desc에 width: 100%를 주면 쫙 펴진다.
반응형
'한 걸음 > HTML & CSS' 카테고리의 다른 글
| [CSS] 화면에 컴포넌트가 나타났을 때 실행되는 애니메이션 custom hook으로 만들기 (0) | 2024.03.22 |
|---|---|
| [CSS] parrent layout 무시하고 width 100% 꽉 채우기 (0) | 2024.03.12 |
| [React + styled-componenets] 커스텀 range slider 만들기 (0) | 2023.10.23 |
| [CSS] 가변적인 길이의 컴포넌트에서 형제요소 width에 max-width맞추기 (0) | 2023.07.06 |
| [CSS] 순수 CSS로 섹션별 스크롤 기능 만들기 (0) | 2023.03.04 |
