Dab tsi yog box sizing hauv HTML?
Dab tsi yog box sizing hauv HTML?

Video: Dab tsi yog box sizing hauv HTML?

Video: Dab tsi yog box sizing hauv HTML?
Video: Qhia caum yus tu hlub los yog saib yus tu hlub ua dab tsi 2021 2024, Kaum ib hlis
Anonim

Nrog CSS lub thawv - qhov loj me Khoom

Cov lub thawv - qhov loj me cov cuab yeej tso cai rau peb suav nrog cov padding thiab ciam teb hauv ib lub caij tag nrho qhov dav thiab qhov siab . Yog koj teem lub thawv - qhov loj me : ciam teb- lub thawv ; ntawm ib lub caij padding thiab ciam teb muaj nyob rau hauv qhov dav thiab qhov siab : Ob leeg div yog tib yam qhov loj tam sim no!

Ib yam li ntawd, lub thawv qhov loj me yog dab tsi?

Txhais thiab siv. Cov lub thawv - qhov loj me Cov cuab yeej txhais tau li cas qhov dav thiab qhov siab ntawm ib lub ntsiab lus suav nrog: lawv yuav tsum suav nrog padding thiab ciam teb, lossis tsis. Default tus nqi: cov ntsiab lus- lub thawv.

Tsis tas li ntawd, lub thawv qauv hauv HTML yog dab tsi? Tag nrho HTML cov ntsiab lus tuaj yeem suav tias yog thawv . Hauv CSS, lo lus " lub thawv qauv "yog siv thaum tham txog kev tsim thiab kev teeb tsa. Lub CSS lub thawv qauv qhov tseem ceeb a lub thawv uas qhwv ib ncig ntawm txhua HTML keeb. Nws muaj xws li: margins, ciam teb, padding, thiab cov ntsiab lus tseeb. Cov npoo yog pob tshab.

Ntawm no, yog lub thawv qhov loj me tau txais txiaj ntsig?

Universal Box Sizing nrog Keeb kwm Ib lub peev xwm gripe nrog nws yog qhov ntawd lub thawv - qhov loj me tsis yog ib txwm tau qub txeeg qub teg , yog li nws yog tus cwj pwm tshwj xeeb, tsis zoo ib yam li ib yam dab tsi uas koj tau tso rau hauv qhov pib dua.

Lub thawv ciam teb txhais li cas?

ciam teb - lub thawv qhia rau tus browser kom account rau ib qho twg ciam teb thiab padding nyob rau hauv qhov tseem ceeb koj qhia rau anelement qhov dav thiab qhov siab. Yog tias koj teeb tsa lub ntsiab qhov dav rau 100pixels, qhov ntawd 100 pixels yuav suav nrog ib qho ciam teb orpadding koj ntxiv, thiab cov ntsiab lus box yuav shrink kom nqus qhov dav ntxiv.

Pom zoo: