-
Notifications
You must be signed in to change notification settings - Fork 0
/
Flex
42 lines (31 loc) · 1.08 KB
/
Flex
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
Flex : value_angka; ->value angka harus angka dan gunanya untuk menentukan besarnya suatu bagian div
order : poisi objek yang mau di pindahkan; -> gunakan angka untuk menentukan perpindahahn suatu objek
Justify Content
Flex Wrap : Wrap -> Untuk turun kebawah objeknya
Untuk Centering Text/Object harus menggunakan display flex dan juga elemen yang di centering harus di bungkus di dalam
misal seperti
HTML
<div class="container-5">
<div class="kotak"><span>Hello World</span></div>
</div>
CSS
.container-5 {
width: 500px;
height: 500px;
margin: 50px auto;
border: 5px solid black;
display: flex;-->1. di buat display flex
}
.kotak {
width: 100px;
height: 100px;
background-color: brown;
color: white;
text-align: center;
line-height: 100px;
margin: auto;---> 1. elemen yg di bungkus oleh container -5 menggunakan margin baru elemen kotak dapat di centering
display: flex;--> 2. elemen pembungkusnya di kasih display flex
}s
.kotak span {
margin: auto;--> 2. elemen yg di bungkus baru di kasih margin autovbaru dapat di centering
}