HTML의 display는 크게 2가지 속성으로 이루어져 있다. 하나는 inline이고 다른 하나는 block형태이다.
display는 요소를 어떻게 표시할지 정하는데 inline은 한줄에 계속 추가되는 것을 말한다.
반면에 block은 한줄에 추가되는것이 그 다음줄에 추가되는 형태를 말한다.
예를 들자면
border: 3px solid blue;
<body>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
</body>
의 형태는
이렇게 하나씩 쌓이는 block형식이지만
float를 이용해서 한줄에 하나씩 추가되는 inline형태로 바꿀수도 있다.
float: left;
를 이용하면 한줄에 왼쪽부터 하나씩 추가되는 inline형식으로 표현된다
한줄에 추가된 모습이다.
'Old > CSS' 카테고리의 다른 글
| 07_width (0) | 2018.10.19 |
|---|---|
| 06_link (0) | 2018.10.19 |
| 04_background (0) | 2018.10.19 |
| 03_border (0) | 2018.10.17 |
| 02_Selector (0) | 2018.10.17 |