Yuav ua li cas rau Float tus duab rau sab xis ntawm Txoj Cai

Qhov kev kawm tsib feeb no qhia txog seb

Koj puas xav kawm txog kev ntab cov duab mus rau sab xis ntawm cov ntawv nyeem? Yog li, koj tsis nyob ib leeg. Muaj ntau ntau yam teeb meem uas cov neeg tsim cai xav tau ib daim duab ntawm nplooj ntawv Web kom pom hauv cov ntawv nyeem nrog cov ntawv nyeem los yog qhwv ib ncig nws. Thankfully, manipulating dluab yog zoo li manipulating cov ntawv, yog li yog hais tias koj muaj kev nrog rau tom kawg, txoj kev no yuav tsum tsis txhob nyuaj txhua.

Hauv qhov tseeb, nrog cov CSS float cuab yeej, nws yooj yim rau ntab koj cov duab mus rau sab xis ntawm cov ntawv nyeem thiab muaj cov ntawv nyeem khiav ncig nws nyob sab laug . Siv phau ntawv no tsib-feeb los kawm seb.

Pib Tau

Yuav pib, sau ib nqe lus ntawm cov ntawv thiab ntxiv cov duab thaum pib ntawm pawg lus. Qhov no yuav tsum ua ua ntej cov ntawv nyeem tab sis tom qab

lossis):

Duis lub caij nplooj ntoos zeeg yuav tsum tau ua rau lub ntsej muag hauv kev kub ntxhov. Cupidatat yog tsis muaj dua, raws li kev cai thiab kev ua si. Tuag nyob rau hauv kev ua si nostrud qav excepteur sint occaecat. Mollit anim id yog qhov chaw.

Ntxiv mus, ntxiv cov yeeb yam rau cov duab thiab siv cov ntab khoom ntiag tug:

style = "float: right;" />

Koj cov ntawv yuav raug rawm txoj cai tiv thaiv cov duab, yog li ntxiv qee qhov margins rau daim duab kom yooj yim nyeem:

margin: 0 5px 0 0; ">

Cov khoom nthe uas txav tau muaj feem cuam tshuam rau margins hauv qhov kev txiav txim siab sab xis, xis, hauv qab thiab sab laug ( TRBL ).

Wrapping Up

Thiab yog li ntawd. Tam sim no koj pom tias floating tus duab rau sab xis yog tsis nyuaj txhua. Tej zaum koj tseem xav tau floating duab rau sab laug thiab floating nws mus rau qhov chaw. Thaum tus thawj txav yog qhov ua tau, hmoov tsis koj tuaj yeem tsis ntab tus duab rau ntawm qhov chaw, li uas feem ntau yuav tsum tau muaj ob sab ntawv.