Tailwind CSS nodrošina “ skaidrs ” utilītas, kas kontrolē konkrēta elementa uzvedību, kad tas atrodas blakus jebkuram peldošajam elementam. Piemēram, lietderības klases “clear-left” un “clear-right” ļauj izstrādātājiem likt norādītajiem elementiem pārvietoties zem jebkura konteinera elementa, kas peld ar kreiso vai labo pusi. Tomēr dažreiz lietotāji vēlas atspējot noteiktu elementu notīrīšanu un ļaut tiem parādīties blakus peldētajiem elementiem. Šādos apstākļos elementa noklusējuma vērtības definēšanai var izmantot utilītu “clear-none”.
Šajā rakstā tiks parādīta procedūra, kā atspējot visus lietotos notīrījumus programmā Tailwind CSS.
Kā atslēgt visus lietotos dzinumus aizmugurējā vējā?
Lai atspējotu visas lietotās dzēšanas programmā Tailwind, izveidojiet HTML failu un pievienojiet “ skaidrs-nav ” lietderības klase ar vēlamo elementu HTML programmā. Šī utilīta atiestata jebkuru “notīrīt”, kas tiek lietots konkrētam elementam, un nosaka noklusējuma vērtību.
Sintakse
< elements klasē = 'skaidrs - nav' > ... elements >
Piemērs
Šajā piemērā mēs izmantosim ' skaidrs-nav ' lietderība ar ' ” elements, lai atiestatītu lietotos notīrumus un ļautu tam peldēt kreisajā un labajā pusē:
< ķermenis >
< div klasē = 'h-96 mx-10 p-8 bg-sky-500' >
< img src = 'tailwindcss_img.png' klasē = 'float-left p-3 w-28 h-24' viss = 'attēls' />
< img src = 'tailwindcss_img.png' klasē = 'peldēt pa labi p-3' viss = 'attēls' />
< lpp klasē = 'skaidrs - nav' > Tailwind CSS nodrošina 'skaidrs' utilītas, lai kontrolētu satura ietīšanu ap elementu.
Šajā piemērā ir parādīts, kā atspējot visus lietotos elementu dzēšanu. Lai atiestatītu jebkuram konkrētam elementam lietoto dzēšanu, 'skaidrs - nav' tiek izmantota lietderība. lpp >
div >
ķermenis >
Šeit:
- ' peldēt-pa kreisi ” klase peld elementu
konteinera kreisajā pusē.
- ' peldēt pa labi ” klase peld elementu
konteinera labajā pusē.
- ' skaidrs-nav ” klase atspējo jebkuru noskaidrojumu, kas tiek lietots elementam
, un ļauj elementam peldēt abās pusēs.
Izvade
Iepriekš minētajā tīmekļa lapā var novērot, ka saturs peld abās konteinera pusēs. Tas norāda, ka visi piemērotie dzēšanas gadījumi ir atspējoti no norādītā elementa.
Secinājums
Lai atspējotu visas lietotās dzēšanas programmā Tailwind, izmantojiet “ skaidrs-nav ” lietderības klase ar vēlamo elementu HTML programmā. Šī utilīta atiestata jebkuru skaidrību, kas tiek lietota konkrētam elementam, un norāda noklusējuma vērtību. Lai veiktu verifikāciju, pārejiet uz tīmekļa lapu un skatiet izmaiņas. Šajā rakstā ir parādīts piemērs, kā atspējot visus lietotos notīrījumus programmā Tailwind CSS.