CSS가로정렬방법 (1) 썸네일형 리스트형 CSS_가로정렬(float, flex, inline-block) ▶inline-block inline-block은 inline속성이 기본적으로 가지고 있는 텍스트 성질을 가지고 있어서 block안에 기본적인 여백값이 생긴다. 이를 없애줄 순 있으나 호환성 문제가 생길 수도 있다. 그래서 보통 텍스트 양 옆에 어느정도의 여백이 있고 가로정렬인 디자인일 때 주로 사용된다. ▶float: right float는 HTML 초창기에 오로지 문서전달과 간단한 이미지를 출력하기 위해 고안된 것이었다고 한다. 워드나 한글의 이미지와 한글 "글자처럼취급"기능처럼 어떤 글의 흐름을 따라 이미지를 삽입하면 흐르듯 글과 이미지가 합쳐진다. 단, 이미지 레이아웃을 위해 만들어진 기능이 아니기에 float를 사용하면 뒤의 태그까지 모두 영향을 주게되고 이는 clear: both; 로 컨트롤을.. 이전 1 다음