HOW TO CENTER A DIV HTML
Вставка
- Опубліковано 18 жов 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✅🤩
@@mdsid9851 wey cakra ceklis bermunculan
@@davinraffilio7869 ngakak lu vin yaah! 👴👴
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
.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
🤣
Thank you kang,,, yg bginian saya sring lupa pdahal ud prnah ngoding ny
Asli pusing banget cara nengahin elemen, gw kira cuma perlu satu class aja, eh ternyata perlu beberapa lembar class biar bisa di tengahin
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 👍😉
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
Apa beda nya dengan pemakain TRANSFORM, gan ? Terus kenapa bisa memutuskan pakai display flex ? Pada container
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
sangat simple dan memecahkan masalah wkwkwk
Simples way:
display: grid;
Height: 100vh; //100% of the browser height
Place-items: center;
//Vwalla your div is tercenterkan 👻
Kak. Cara buat /* panel sosmed */ tulisannya miring itu Gmna sblm .sosmed ??
pencet CTRL + /
Walaupun belom belajar sampai jago banget tapi tetap hadir #4
beliau ini, kocak ngoding
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%
Fun Fact:
Terinspirasi dari konten "Bagaimana membuat new document" yang viewer-nya 500k 😂
Yang di cari cari pemula
Pake ekstensi apaan tuh yang bikin nyala tag pembuka dan penutup?
Kocak manfaat, klo ya subscribe, klo engga like.
Gw join member deh iyaa
wkwkwk thank u sudah faham endingnya 😉
bang buat konten penjelasan div,sama tag class itu apa
me who after centering div : ☝😎📸
Sumpah ocehannya itu loh ngakak sumpah gw sampe gk fokus 😂
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)
bang bikin content react native dong hehe
Justify: horizontal
Align: vertical
Flex box css kan bg ?
terinspirasi dari meme atau live kemaren ? :)
itulah 😂
akokaowkawoakoawk emang kampret abang satu ini. ak jga ikut bgung anjer kaoakawokawowak
flex to flexing
Bang coba buat authentikasi dong pake express
wah ini gara gara live kemaren nih keknya bang 😂
nice👍👍👍
Mantap bang
Klo ngga ketengah berarti kurang display: none.
KWEKWWKK AUTO = ...
bang bikin tutorial web pemesanan makanan /minuman
Up
Sangat membantu kanggggggggggggggg
Thanks bang
Bang klo pake positition relative dan absolute bisakah?
sabi banget dongs
Tutorial python bg.kata dosen saya python lagi viral ya bg di dunia programing buat big data
sabii 😂
widget Center kalo di flutter
kocak wkwkwkwk
Ntaps
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
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
Eaeaea😂😂
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
Bang bikin contact form email pakek nodejs
Bang.. ajarin NextJS bang
bang, cara nengahin tag div gimana bang??
INI CHANNEL PICKY PICKS VERSI PROGRAMMER WKWKWKWK
Akwkwoaoao kocak
sedikit tapi sangat bermanafaat bang#aeaeae
eaeaea wkwk
Bang bagi extension vscode nya bang..
Keren bang wkwkwk
Orang back-end full senyum melihat dan mengetahui hal ini kang 😁
haahahha ngakakjir
Asli pernakan lu lupa, ngakuuu
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
bangg makasii banyakk
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
buset windows xp
sssssssstttttttttt
Hal paling menyebalkan hahah
terlalu cepet, skip lah
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
Lah tak kira margin
Padahal ini hanya jokes
Oh ini toh ua-cam.com/video/2hSntjWsTOw/v-deo.html
1:59:00 😂 gw juga sering lupa
kedua bang
Semua pada ngomongin meta verse , sedangkan gue lagi sibuk nge center div