Waihangahia nga waahi me te wehenga tinana o nga huānga i te HTML me CSS
Ko te waihanga i nga waahi me te wehenga tinana o nga huānga i te HTML ka uaua ki te maatau mo te kaihoahoa tukutuku timatanga. Ko te mea na te mea ko te HTML he taonga e mohiotia ana ko te "ngaro o te whitespace." ahakoa ka tuhia e koe te mokowhiti 1 ranei 100 i roto i to waehere HTML, ka taunoa te pūtirotiro tukutuku i aua waahi ki raro ki te kotahi noa iho mokowā. He rereke tenei i te papatono rite ki a Microsoft Word , ka taea ai e nga kaihanga tuhinga te tuhi i nga waahi maha hei wehe i nga kupu me etahi atu huinga o taua tuhinga.
Ehara tenei i te pehea e mahi ana te mokowhiti hoahoa paetukutuku.
Na, me pehea e tapiritia ai e koe nga whitespaces i HTML e whakaatu ana i runga i te whārangi tukutuku ? Ka tirohia e tenei tuhinga etahi o nga huarahi rereke.
Nga waahanga i HTML me CSS
Ko te ara pai ki te whakauru i nga mokowhiti i roto i to HTML ko nga Pepa Whakairo Rawa (CSS) . Me whakamahi te CSS ki te whakapiri i tetahi waahanga ataata o te paetukutuku, a, mai i te mea ko te mokowhiti he waahanga o nga ahuatanga hoahoa ataata o te whārangi, ko CSS te wahi e hiahia ana koe kia mahia tenei.
I roto i te CSS, ka taea e koe te whakamahi i nga waahanga tawhito me nga taputapu ki te whakawhānui i nga waahi ki nga huinga. I tua atu, ko te tuhinga kuputuhi-tuhi e tuku ana i te waahi ki mua o te kuputuhi, penei mo te whakauru i nga pararangi.
Anei he tauira o te whakamahi i te CSS ki te whakanui i te waahi ki mua i o oau parawae katoa. Tāpirihia te CSS e whai ake nei ki to pepa o waho , o roto ranei:
p {
kuputuhi-3: 3em;
}
Nga waahanga i HTML: I roto i to Kuputuhi
Mena ka hiahia koe ki te tapiri atu i tetahi atu mokowhiti, rua ranei ki taau kuputuhi, ka taea e koe te whakamahi i te waahi kore-waahi.
Ko tenei ahuatanga e rite ana ki te ahua o te mokowā, engari kaore i te heke iho i roto i te pūtirotiro.
Anei he tauira o te whakamahinga o nga waahi e rima i roto i te rarangi kuputuhi:
Kei roto i tenei kuputuhi etahi atu waahanga e rima i roto
Whakamahia ana te HTML:
Kei tenei kuputuhi & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; e rima atu mokowhiti i roto
Ka taea hoki te whakamahi i te tūtohu tohu hei whakapiri atu i nga waahanga raupapa atu.
Ko tenei rerenga he rima waahanga i te pito o te reira
He aha te Whakauru i roto i te HTML ko te Ahua Pai
Ahakoa e mahi ana enei waahanga - ka whakawhānuihia te whakawhitinga mokowhiti ki te kuputuhi me nga waahi o te raina ka whakawhānui i te mokowhiti i raro i te waahanga e whakaaturia ana i runga - ehara tenei i te huarahi pai ki te waihanga i te mokowai i roto i to papamahi. Ko te whakauru i enei huinga ki to HTML ka tuku atu i nga korero ataata ki te waehere, kaua te wehe i te hanganga o te whaarangi (HTML) mai i nga hanganga ataata (CSS). Ko nga whakaritenga pai e whakatau ana kia wehewehe enei mo etahi take, tae atu ki te pai o te whakahou i te wa kei te heke mai, me te rahi o te kōnae me te whakaaturanga o te whanui.
Mena ka whakamahi koe i te pepa tahua o waho ki te tautuhi i nga momo me te mokowā, ka taea te whakarereke i nga momo mo te katoa o te pae, mai i te mea ka whakahou koe i taua pepa ahua.
Whakaaroa te tauira i runga ake o te rerenga me nga tohu tohu e rima i te pito o te waa. Mena e hiahia ana koe ki te nui o te mokowhiti i raro o nga parawae katoa, ka hiahia koe ki te whakauru i taua waehere HTML ki nga parawae katoa i to papaanga katoa. He pai te nui o te tohu tohu ka tohatoha i o rarangi.
I tua atu, ki te whakatau koe i te huarahi e nui rawa ana te mokowhiti, iti rawa ranei, a, me hiahia koe ki te whakarereke i tetahi mea, ka hiahia koe ki te whakatika i nga parawae kotahi i to paetukutuku katoa. Kaore he whakawhetai ki a koe!
Engari ki te whakauru i enei huinga mokowhiti ki to waehere, whakamahia CSS.
p {
papa-raro: 20px;
}
Ko tetahi rarangi o CSS ka whakawhānui i te mokowhiti i raro i nga waahanga o to rarangi. Mena ka hiahia koe ki te whakarereke i taua mokowai i roto i te wa kei mua, whakatikahia tenei raina (hei utu mo te waehere katoa o te pae) me te pai ki te haere!
Na, mehemea ka hiahia koe ki te whakauru i tetahi mokowai kotahi i roto i tetahi waahanga o to paetukutuku, ma te whakamahi i te tohu taurangi me tetahi waahi-korehanga kotahi kaore i te mutunga o te ao, engari me mahara koe.
Mā te whakamahi i ēnei kōwhiringa mokowā HTML hei tautuhinga whakahekeheke. Ahakoa e kore tetahi e rua ranei e kino ki to pae, ki te haere tonu koe i taua ara, ka whakauru koe i nga raruraru ki o rarangi. I te mutunga, ka pai ake koe ki te tahuri ki te CSS mo te mokowhiti HTML, me nga hiahia hiahia matapihi katoa.