정렬 (1) 썸네일형 리스트형 CSS flex (flexbox) 모델 알아보기 전부터 잘 쓰다가 요즘에 쓰다가 안쓰다 했더니 까먹거나 헷갈려서 정리를 해 놓으려고 합니다. flexbox 모델이 없었을 때에는 가운데 정렬, 양쪽 정렬 등 정렬 및 배치하는데 머리를 좀 써서 계산을 해야하는 상황이 발생하거나 코드가 길어지거나 했죠.개인적으로 좋아하지 않는 float를 쓰거나 absolute를 썼었는데요. flexbox 모델을 이용하면 비교적 쉽게 적용 할 수 있습니다.단, 예전 버전의 브라우저에서는 지원하지 않으니 예전 버전도 적용해야 한다면 주의 해야 합니다.(IE11 부터는 잘 돌아가는거 같으니 이전 버전은 버리고 간다!! -0-;;) CSS코드에서 진한부분을 제외한 부분은 예제를 눈으로 보이도록해서 이해가 편하게 하기 위한 코드로 없어도 되는 코드입니다. 🔖 균등하게 양쪽 끝까지.. 이전 1 다음
