HOW TO CENTER A DIV HTML
ฝัง
- เผยแพร่เมื่อ 29 พ.ย. 2024
- Berawal dari MEME how to center a div - cara membuat element html menjadi benar-benar ditengah yang menjadi keresahan programmer pemula seperti gue wkwkwk.
SAWER TAKEWERKEWER: saweria.co/dea...
Join this channel to get access to perks:
/ @deaafrizal
#programming #tutorial #coding
☕ Discord ☕
/ discord
🚀Tiktok @dea.afrizal / / dea.afrizal 🚀
=================
💌 Email (for business) 💌
dea.afrizal@icloud.com
==================
🔻🔻🔻 SUBSCRIBE 🔻🔻🔻
For More Update
🔺🔺🔺LONCENGNYA 🔺🔺🔺
Selalu asyik kalau liat bang Dea ngoding dengan ocehannya itu wkwk jadi gak bosen
salam ocehan kenikmatan 😂
setuju wkwkwk
dengerin ocehan orang main game ❌
dengerin ocehan orang sedang ngoding✅🤩
@@mdvisualid wey cakra ceklis bermunculan
@@davinraffilio7869 ngakak lu vin yaah! 👴👴
.container kasih display flex
.wrapper kasih margin auto
auto ketengah
99% orang nonton ini karna bosen
1% orang nonton ini karna penting ( emang butuh tutor div ke tengah )
wkwkwkwk
🤣
Mantap kak! Singkat padat & jelas. Problem yang sering dihadapin temen2 di kampus saat belajar HTML ya ini nih... 😂
display; *flex, justify content: center ama align item: center* ato ga pake *margin:auto* itu juga responsive ya namanya juga flexbox
sedikit tambahan kalo text nya mau ke tengah tengah pembungkusnya(wrapper) kasih aja h1 nya line-height sesuai tinggi dari wrapper nya dan kasih text-align center.semoga bermanfaat cuy ya
mantep tambahannya brodi 👏👏👏
Ga bisa bang. Kalo textnya di blok itu bakal kedetek line heighnya tinggi banget jadi yg ke block. Mending di wrapper dikasi justify content lagi
Thank you kang,,, yg bginian saya sring lupa pdahal ud prnah ngoding ny
Simples way:
display: grid;
Height: 100vh; //100% of the browser height
Place-items: center;
//Vwalla your div is tercenterkan 👻
Asli pusing banget cara nengahin elemen, gw kira cuma perlu satu class aja, eh ternyata perlu beberapa lembar class biar bisa di tengahin
Tinggal nunggu waktu booming ni channel bisa tembus 1jt subs dalam waktu deket karna asik kalo ngomong👌🤣
thank u bro ku amiiin pake bgt 👏
@@deaafrizal siap bang rajin upload ama sisipin tips n trick biar orang semakin tertarik ama channel ini :D
bang buat konten penjelasan div,sama tag class itu apa
Tips gw kalo mau bikin konten berada di tengah jadi tinggal bikin class yang nantinya gw pake berulang kali di html (biar efektif)
Jadi gw bikin class .make-center
Nah nanti style nya { display:flex; justify-content:center; align-items:center}
Nah div class ini gw gunain sebagai pembungkus
Saran gw kalo mau make div yang di atas usahain jangan ada dua div di bawahnya
Karna tampilannya bakalan nyamping, jadi harus bikin pembungkus lagi terserah namanya nanti kalo udah tinggal di bungkus lagi pake div yang diatas
:)
Kalo mau bikin tampilan ada di kanan atau kiri tinggal ubah di justify-content nya
Ada di start(kiri) atau di end(kanan)
nice advice brooo thank u 👍😉
Justify: horizontal
Align: vertical
Fun Fact:
Terinspirasi dari konten "Bagaimana membuat new document" yang viewer-nya 500k 😂
Apa beda nya dengan pemakain TRANSFORM, gan ? Terus kenapa bisa memutuskan pakai display flex ? Pada container
sangat simple dan memecahkan masalah wkwkwk
Yang di cari cari pemula
Kocak manfaat, klo ya subscribe, klo engga like.
Gw join member deh iyaa
wkwkwk thank u sudah faham endingnya 😉
me who after centering div : ☝😎📸
beliau ini, kocak ngoding
Walaupun belom belajar sampai jago banget tapi tetap hadir #4
Kak. Cara buat /* panel sosmed */ tulisannya miring itu Gmna sblm .sosmed ??
pencet CTRL + /
nice👍👍👍
Sumpah ocehannya itu loh ngakak sumpah gw sampe gk fokus 😂
Pake ekstensi apaan tuh yang bikin nyala tag pembuka dan penutup?
Bang coba buat authentikasi dong pake express
wah ini gara gara live kemaren nih keknya bang 😂
Klo ngga ketengah berarti kurang display: none.
KWEKWWKK AUTO = ...
bang bikin tutorial web pemesanan makanan /minuman
Up
bang bikin content react native dong hehe
Mantap bang
Bang kalo bg putihnya mau dibiyaskan gimna caranya?
flex to flexing
sabii 😂
akokaowkawoakoawk emang kampret abang satu ini. ak jga ikut bgung anjer kaoakawokawowak
Ntaps
Plis bang bahas html sampe akar akarnya, gua baru minat terjun ke dunia programing, dan jangan kecepetan ngetik nya wkwk
Coba cek channel wpu bang. Lengkap tu untuk jadi front-end dan back-end (dasar)
kocak wkwkwkwk
Semua pada ngomongin meta verse , sedangkan gue lagi sibuk nge center div
Avarage Flex Fan VS Avarage .container{
position: relative;
}
.child{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, 50%);
} Enjoyer
Anjir, tutorial ngetik lebih lama karna satisfying bunyi mechanical
Sangat membantu kanggggggggggggggg
Ngaku pasti kalian pernah lupa juga kan, walaupun udh pernah coba :v
ngakuu hayooooooo
Kalo gw bagian cara bikin navbar yg gua inget cuman display inline_block ato float left doang
Yoi wkwk
terinspirasi dari meme atau live kemaren ? :)
itulah 😂
Bang klo pake positition relative dan absolute bisakah?
sabi banget dongs
Ini Homepage
gw coba codingan diatas ini, class homepage kita kasih style css height 100vh, trus class content height 100%, kenapa yg div class content melebihi height containernya bro? bukannya kalo kita kasih class content height 100%, itu harusnya terhadap containernya?
iya harusnya kalau di kasih 100% bakal 100% dari parentnya (100vh).
@@deaafrizal siapp.. thanks bro.
soalnya gw coba ngoding kek yg di atas, hasilnya si child malah nambahin/keluar dari sizenya parent. tampilannya jadi lebih dari 100vh keliatannya. masih coba2 resolve ini.
@@bang.er1c coba kalau di content kasih 100vh, terus di wrapper 100%
Eaeaea😂😂
Tutorial python bg.kata dosen saya python lagi viral ya bg di dunia programing buat big data
Thanks bang
Akwkwoaoao kocak
widget Center kalo di flutter
Flex box css kan bg ?
Kak, cara membuat text di bagian kanan Border itu gimana ya? Tapi textnya tidak masuk di Border
Tulis aja right di dalem justify-content:center;
@@Jeje-hc5hl Oke, Terimakasih kak
Bang bikin contact form email pakek nodejs
eaeaea wkwk
bang saya bikin div nya lebih dari satu pas di masukin display:flex; malah bentuknya ke pinggir
nah gimana caranya supaya si divnya di tengah tapj berderetnyatuh ke bawah
Kalau arah nya bisa make flex direction
Bang bagi extension vscode nya bang..
bang, cara nengahin tag div gimana bang??
Keren bang wkwkwk
Orang back-end full senyum melihat dan mengetahui hal ini kang 😁
haahahha ngakakjir
Cara biar tulisannya di tengah background nya itu sendiri gimana?
coba bang
h1 nya kasih atribut class juga. abis itu style di css pake flexbox yg bang dea sampaiin
html:
testing
css:
.h1-box {
display: flex;
justify-content: center;
align-items: center;
}
kalo blm tau, monggo dicoba aja. tapi kalo udh tau ywdh bagus. saya cuma lagi ngetes ilmu saya doang soalnya wkwkwkw
@@gojila3802 0 ya mkasi bank
Bang.. ajarin NextJS bang
sedikit tapi sangat bermanafaat bang#aeaeae
INI CHANNEL PICKY PICKS VERSI PROGRAMMER WKWKWKWK
Asli pernakan lu lupa, ngakuuu
buset windows xp
sssssssstttttttttt
bangg makasii banyakk
Hal paling menyebalkan hahah
margin: auto; lebih simpel
wah video bahasa inggris gpp lah penting kode nya
eh pas di buka lah kok bahasa indonesia
lah suara bg dea lagi
Pertama bang
Padahal ini hanya jokes
Oh ini toh th-cam.com/video/2hSntjWsTOw/w-d-xo.html
1:59:00 😂 gw juga sering lupa
terlalu cepet, skip lah
Lah tak kira margin
kedua bang