flex 요소가 2개 일 때 좌우 양쪽으로 밀기
한 <div> 안에
div 1개는 @@후원자님
div 1개는 후원-240424-01
이 상태에서 양쪽으로 미는 방법은 좌측 div에 margin-right: auto를 주어 오른쪽으로 쭉 밀면 됨.
#donatorName {
margin-right: auto;
}
아래 블로그에 flex 요소 안의 div 개수마다 정렬하는 방법이 소개되어 있음.
https://seons-dev.tistory.com/entry/display-flex-%EC%A2%8C%EC%9A%B0-%EC%A0%95%EB%A0%AC
'Programing > CSS' 카테고리의 다른 글
내 로컬에 있는 폴더를 CSS에 적용시키는 방법 (0) | 2024.05.18 |
---|---|
여러 개의 div를 수직이 아닌 수평으로 배치하기 (0) | 2024.04.25 |
그림자효과 추가하고 마우스를 올렸을 때 커졌다가 떼면 원상태로 복귀하는 CSS 애니메이션 효과 적용하기 (0) | 2024.02.29 |
부트스트랩 (0) | 2024.02.28 |
목록 스타일 (list-style-type) (0) | 2024.02.26 |
댓글