Tailwind CSS מספק ' ברור ” כלי עזר השולטים בהתנהגות של אלמנט מסוים כאשר הוא נמצא ליד כל אלמנט צף. לדוגמה, מחלקות השירות 'clear-left' ו-'clear-right' מאפשרות למפתחים לגרום לאלמנטים שצוינו לזוז מתחת לכל אלמנט שמרחף או ימינה במיכל. עם זאת, לפעמים משתמשים רוצים להשבית כל ברור שהוחל על אלמנטים מסוימים ולאפשר להם להופיע ליד האלמנטים הצפים. בנסיבות כאלה, ניתן להשתמש בכלי השירות 'clear-none' כדי להגדיר את ערך ברירת המחדל של האלמנט.
מאמר זה ידגים את ההליך להשבית את כל הניקויים שהוחלו ב- Tailwind CSS.
כיצד להשבית את כל הניקויים המיושמים ב-Tailwind?
כדי לבטל את כל הניקויים שהוחלו ב-Tailwind, צור קובץ HTML והוסף את ה-' ברור-אין ” מחלקת השירות עם האלמנט הרצוי בתוכנת HTML. כלי זה מאפס כל 'נקה' שמוחל על אלמנט מסוים ומגדיר את ערך ברירת המחדל.
תחביר
< אֵלֵמֶנט מעמד = 'ברור-אף אחד' > ... אֵלֵמֶנט >
דוגמא
בדוגמה זו, נשתמש ב-' ברור-אין ' כלי שירות עם ' ' אלמנט לאיפוס הניקויים שהופעלו ולאפשר לו לצוף בצד שמאל וימין:
< גוּף >
< div מעמד = 'h-96 mx-10 p-8 bg-sky-500' >
< img src = 'tailwindcss_img.png' מעמד = 'float-left p-3 w-28 h-24' הכל = 'תמונה' />
< img src = 'tailwindcss_img.png' מעמד = 'צף-ימינה p-3' הכל = 'תמונה' />
< ע מעמד = 'ברור-אף אחד' > Tailwind CSS מספק 'ברור' כלי עזר לשליטה על גלישת תוכן סביב אלמנט.
דוגמה זו תראה כיצד להשבית את כל הניקויים שהוחלו לאלמנטים. כדי לאפס כל ניקוי מוחל לרכיב מסוים, ה- 'ברור-אף אחד' נעשה שימוש בשירות. ע >
div >
גוּף >
כאן:
- ' לצוף-שמאלי ” class מרחפת את האלמנט
לצד השמאלי של המיכל.
- ' לצוף-ימינה מחלקה מרחפת את האלמנט
לצד ימין של המיכל.
- ' ברור-אין ” class משבית כל ברור שהוחל על האלמנט
ומאפשר לאלמנט לצוף משני הצדדים.
תְפוּקָה
בדף האינטרנט לעיל, ניתן לראות שהתוכן צף משני צידי המיכל. זה מציין שכל הניקויים שהוחלו הושבתו מהרכיב שצוין.
סיכום
כדי להשבית את כל הניקויים שהוחלו ב-Tailwind, השתמש ב-' ברור-אין ” מחלקת השירות עם האלמנט הרצוי בתוכנת HTML. כלי שירות זה מאפס כל ברור שמוחל על אלמנט מסוים ומציין את ערך ברירת המחדל. לאימות, נווט לדף האינטרנט והצג שינויים. מאמר זה הדגים את הדוגמה להשבית את כל הניקויים המיושמים ב- Tailwind CSS.