Float
-
[CSS] float의 display 수정CSS 2020. 9. 20. 20:41
▶ CSS float 참조: developing-move.tistory.com/123 - float 속성이 추가된 요소는 display 속성의 값이 대부분의 경우 block으로 수정됨. - 의 전형적인 inline 속성. - 에 display: block; 적용 시 결과 화면. - float: left; 사용. - display: block;과 마찬가지로 요소의 가로/세로 크기를 가질 수 있게 되고 margin이 적용됨. - 대부분의 경우 display 속성의 값이 변경되는 것으로 그렇지 않은 값들도 있음. 지정 값 변화 값 inline block inline-block block inline-table block table-row block table-row-group block table-column..
-
[CSS] floatCSS 2020. 9. 20. 20:30
▶ float - 요소를 좌우 방향으로 띄움. 수평 정렬의 기능. - 많은 경우 요소를 부유하는 개념보다는 수평 정렬을 목적으로 사용됨. - 정확히는 요소를 띄우는 기능을 가지고 있지만 이를 이용해 수평 정렬을 시킬 수 있는 것. - CSS3에서는 flex(flexable box)가 도입되면서 float을 대체하는 속성이 나옴. - 근래의 웹사이트들은 수평 정렬에 flex를 사용함에 따라 float의 수평 정렬 기능은 많이 퇴색됨. [속성 값] - none: 요소 띄움 없음. 기본값. - left: 왼쪽으로 띄움. - right: 오른쪽으로 띄움. [사용 방법 및 예시] /* 사용 방법 */ float: 방향; /* 사용 예시 */ float: left; [단순 띄움] - 단순하게 띄우는 개념으로만 사용..