html 정렬 썸네일형 리스트형 [Css] float을 이용한 정렬,개념 & 예제 안녕하세요. 키미추입니다. 이번 강좌에서는 div를 정렬하기에 가장 편리한 Float의 속성과 개념을 배워볼텐데요. margin padding 값을 일일이 수동으로 조정할 필요없이 더욱 더 심플하게 float을 이용한 정렬,배치를 알아보겠습니다. 1. 실제 사용되는 구조와 패턴들 사이트를 보면 뉴스,광고,블로그,쇼핑몰 등 항상 사진 옆에 텍스트가 있는 형태를 많이 보았을 거예요. 쉽게 말하면 같은 행인데 글자와 사진이 2열로 나뉘어 양옆으로 나란히 있죠. 2-1. float의 개념 float의 사전적 의미는 '뜨다,부유키시다'이면서 Css에서 글자나 이미지와 같은 덩어리를 정렬해주는 기능입니다. Html에서 내용을 쓰면 내용이 위에서 아래로 내려가 단순하게 보여질뿐인데, 화면에 다양한 배치와 정렬을 하기.. 더보기 이전 1 다음
