Tailwind CSS предоставляет « прозрачный » утилиты, управляющие поведением определенного элемента, когда он находится рядом с любым плавающим элементом. Например, служебные классы «clear-left» и «clear-right» позволяют разработчикам заставлять указанные элементы перемещаться ниже любых плавающих слева или справа элементов в контейнере. Однако иногда пользователи хотят отключить любую очистку, применяемую к определенным элементам, и разрешить им появляться рядом с плавающими элементами. В таких обстоятельствах можно использовать утилиту «clear-none» для определения значения элемента по умолчанию.
В этой статье будет показана процедура отключения всех применяемых очисток в Tailwind CSS.
Как отключить все примененные очистки в Tailwind?
Чтобы отключить все применяемые очистки в Tailwind, создайте файл HTML и добавьте « ясно-нет » служебный класс с нужным элементом в HTML-программе. Эта утилита сбрасывает любую «очистку», примененную к определенному элементу, и определяет значение по умолчанию.
Синтаксис
< элемент сорт '=' 'ясно-нет' > ... элемент >
Пример
В этом примере мы будем использовать « ясно-нет ” утилита с “ <р> », чтобы сбросить примененные очистки и позволить ему плавать слева и справа:
< тело >
< див сорт '=' 'Ч-96 МХ-10 П-8 БГ-скай-500' >
< изображение источник '=' 'tailwindcss_img.png' сорт '=' 'поплавковый левый р-3, ш-28, ч-24' все '=' 'изображение' />
< изображение источник '=' 'tailwindcss_img.png' сорт '=' 'Правый поплавок Р-3' все '=' 'изображение' />
< п сорт '=' 'ясно-нет' > Попутный ветер CSS обеспечивает 'прозрачный' утилиты для управления обтеканием содержимого вокруг элемента.
В этом примере показано, как отключить все примененные к элементам очистки. Чтобы сбросить любые примененные очистки к определенному элементу, 'ясно-нет' используется утилита. п >
див >
тело >
Здесь:
- “ плыть налево ” размещает элемент в левой части контейнера.
- “ плавающий вправо » размещает элемент в правой части контейнера.
- “ ясно-нет ” отключает любую очистку, применяемую к элементу
, и позволяет элементу плавать с обеих сторон.
Выход
На приведенной выше веб-странице можно заметить, что содержимое перемещается по обеим сторонам контейнера. Это указывает на то, что все примененные очистки были отключены для указанного элемента.
Заключение
Чтобы отключить все применяемые очистки в Tailwind, используйте « ясно-нет » служебный класс с нужным элементом в HTML-программе. Эта утилита сбрасывает любую очистку, примененную к определенному элементу, и задает значение по умолчанию. Для проверки перейдите на веб-страницу и просмотрите изменения. В этой статье продемонстрирован пример отключения всех применяемых очисток в Tailwind CSS.