반응형
flex box의 특징
1. 자식 엘리멘트에는 어떤 것도 적지 않아야 한다.
ㄴ부모 엘리먼트에만 명시해야 됨.
<!DOCTYPE html>
<html lang="kr">
<head>
<title>The Nick Times</title>
<style>
body {
margin: 20px;
display: flex;
}
div {
width: 300px;
height: 300px;
background-color: teal;
}
</style>
</head>
<body>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
</body>
</html>
결과
오옷 옆으로 나열되는 block을 만들었닷!!
반응형
'2. CSS' 카테고리의 다른 글
| CSS flex-direction 사용하기 (0) | 2024.11.19 |
|---|---|
| CSS flex box(플렉스 박스)의 특징2 (0) | 2024.11.19 |
| CSS inline-block 태그 사용하기 (0) | 2024.11.19 |
| CSS Class(클래스) 태그 간단하게 줄이기 (0) | 2024.11.18 |
| CSS Class(클래스) 적용하기 (0) | 2024.11.18 |