반응형
DIV 태그 영역을 가로로 나란히 놓으려면 float 스타일을 사용하면 됩니다.
창의 너비를 맞춰서 float속성을 넣게 되면 가로로 div 태그들이 붙게 됩니다.
float 속성은 말 그대로 뜨다 라는 의미이며,
element에 부유 속성을 줘 배치를 변경할 수 있는 속성입니다.
예를 들어 DIV나 사진, 그림 등을 넣을 때 그림 왼쪽이나 오른쪽에 띄어서 정렬을 하거나
문서의 배치를 변경할 때에도 사용됩니다.
float는 <div>, <ol>, <ul>, <table>, <img>, <p> 등등 묶음 태그에만 사용 가능합니다.
위의 그림에서 세로로 정렬되어 있는 div 태그들에 float:left 속성을 주게 되면
이렇게 태그들이 가로로 나열됩니다.
반응형
'programming > java script & css' 카테고리의 다른 글
[Java Script / 자바 스크립트] 문자열 자르는 함수 split (0) | 2019.06.20 |
---|---|
[Java Script / 자바 스크립트] 정렬 sort 함수 사용 방법 (0) | 2019.06.14 |
[Java Script / 자바 스크립트] 랜덤값 (난수) 생성하는 방법 (0) | 2019.06.10 |
댓글