Jieun spasi na separation fisik elemen dina HTML kalawan CSS
Nyieun spasi na separation fisik elemen dina HTML tiasa hésé ngarti keur desainer web dimimitian. Ieu kusabab HTML boga sipat katelah "runtuhna whitespace". naha anjeun ngetik 1 spasi atanapi 100 dina kode HTML anjeun, web browser otomatis collapses spasi jelema turun ka ngan hiji spasi tunggal. Ieu béda ti program kawas Microsoft Word , anu ngamungkinkeun Birokrat dokumen pikeun nambahkeun sababaraha spasi pikeun misahkeun kecap sarta elemen séjén tina dokumen éta.
Ieu teu sabaraha ramatloka dipasing design jalan.
Ku kituna, kumaha anjeun tambahkeun whitespaces dina HTML nu némbongkeun up dina kaca web ? Artikel ieu examines sababaraha cara béda.
Spasi dina HTML kalawan CSS
Cara pikaresep pikeun nambahkeun spasi dina HTML anjeun kalawan cadar Cascading Style (CSS) . CSS kudu dipake pikeun nambahkeun sagala aspék visual ngeunaan Kalurahan a, sarta saprak dipasing nu mangrupa bagian tina ciri disain visual kaca hiji, CSS nyaeta dimana rék ieu dipigawé.
Dina CSS, anjeun tiasa nganggo boh margin atawa padding pasipatan pikeun nambahkeun spasi sabudeureun elemen. Sajaba ti, harta téks-indent nambihan spasi ka hareup téks, sapertos keur indenting paragraf.
Di handap ieu conto kumaha ngagunakeun CSS pikeun nambahkeun spasi di hareup sakabéh ayat Anjeun. Nambah CSS di handap pikeun anjeun éksternal atawa internal gaya lambar:
p {
téks-indent: 3em;
}
Spasi dina HTML: Di jero téks anjeun
Lamun ngan hoyong tambahkeun hiji spasi tambahan atawa dua téks anjeun, anjeun tiasa nganggo spasi non-pegatna.
Karakter ieu tindakan kawas karakter spasi baku, ngan teu ambruk jero browser nu.
Di handap ieu conto tina cara nambahkeun lima spasi jero hiji garis téks:
téks ieu lima spasi tambahan jero eta
Migunakeun HTML nu:
téks ieu & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; lima spasi tambahan jero eta
Anjeun oge bisa make tag
pikeun nambahkeun tambahan ngarecah garis.
kalimah ieu lima ngarecah garis dina ahir éta
Naha dipasing dina HTML mangrupakeun gagasan Bad
Bari pilihan ieu duanana kerja - spasi unsur non-megatkeun memang bakal nambahkeun spasi mun téks anjeun jeung ngarecah garis bakal nambahkeun spasi handapeun ayat ditémbongkeun di luhur - ieu teu jalan pangalusna pikeun nyieun dipasing di Kalurahan Anjeun. Nambahkeun elemen ieu mun HTML Anjeun nambihan informasi visual kana kode tinimbang misahkeun struktur kaca (HTML) ti gaya visual (CSS). lila-pangalusna ngarahkeunnana yén ieu kedah misah pikeun Jumlah alesan, kaasup betah ngamutahirkeun di masa depan na sakabéh ukuran file na kaca kinerja.
Lamun make hiji gaya lambar éksternal mun ngarahkeunnana sagala gaya anjeun sarta dipasing, teras ngarobah gaya jelema pikeun sakabéh situs Gampang do, saprak anjeun bisa kalayan gampang kudu ngomean nu salah lambar gaya.
Mertimbangkeun conto di luhur tina kalimah kalawan lima
tag di ahir eta. Lamun hayang anu jumlah dipasing di handap unggal paragrap, anjeun bakal kudu nambahan nu kode HTML kana unggal paragrap di sakabéh situs anjeun. Maksudna jumlah adil tina aksara tambahan nu bakal bloat kaca anjeun.
Sajaba ti, lamun mutuskeun ka handap jalan anu dipasing ieu teuing atawa teuing saeutik, tur hayang ngaganti bit, anjeun bakal kedah diedit unggal ayat tunggal di sakabéh ramatloka anjeun. Taya hatur nuhun!
Gantina nambahkeun elemen dipasing ieu ka kodeu anjeun, make CSS.
p {
padding-handap: 20px;
}
Nu hiji garis CSS bakal nambahkeun spasi dina ayat kaca anjeun. Lamun hayang ngarobah dipasing yén dina mangsa nu bakal datang, ngédit garis ieu (gaganti kode sakabéh situs anjeun) jeung anjeun alus mun balik!
Ayeuna, lamun perlu nambah spasi tunggal dina hiji bagian tina ramatloka anjeun, maké tag
atawa spasi non-pegatna tunggal teu tungtung dunya, tapi anjeun kudu ati-ati.
Ngagunakeun pilihan dipasing inline HTML ieu tiasa janten lamping leueur. Bari salah sahiji atawa dua teu menyakiti situs anjeun, mun anjeun neruskeun ka handap ath nu, anjeun bakal ngenalkeun masalah kana kaca anjeun. Tungtungna, anjeun hadé kaluar ngarobahna kana CSS pikeun dipasing HTML, sarta sakabeh pangabutuh visual séjén Kalurahan.