[TIL] 카드 높이 맞춰서 정렬하기

ryan·2020년 10월 18일
1

HTML/CSS

목록 보기
8/14
post-thumbnail

1. 높이를 맞추자

span 태그에 아이콘과 텍스트를 넣었을 때,

위와 같이 불편하게 높이가 안 맞는 경우를 만날 수 있다.

이런 경우에는 태그를 감싸고 있는 상위태그에

위와 같이 스타일을 주면 해결된다.

속이 편하다.

2. 상품을 정렬하자

상품 사진들이 한 줄에 나열되어있다. 이런면 안된다.

상품이 몇 개 나열되면 줄을 바꾸고 싶다.

이 때, 위와 같이 효과를 주면 여러 줄로 줄바꿈을 할 수 있다.

됐다.

profile
👨🏻‍💻☕️ 🎹🎵 🐰🎶 🛫📷

0개의 댓글