Tailwind CSS е добре позната рамка, която се използва за създаване на адаптивни и отзивчиви уеб страници или дизайни. Той също така позволява на потребителите да контролират оформлението и разстоянието между елементите, без да пишат персонализиран CSS. Padding е пространството между съдържанието на конкретния елемент и неговата граница. Понякога потребителите искат да приложат еднакво количество подложка към всяка страна на елемент. Tailwind предоставя полезни класове за прилагане на подложки към всички страни на елемент или към определени страни, като например отгоре, отдясно, отдолу или отляво.
Тази статия ще илюстрира метода за добавяне на подложки към всички страни на елемент в Tailwind.
Как да добавите подложка към всички страни в Tailwind?
За да добавите подложка към всички страни на определен елемент в Tailwind, направете HTML структура. След това използвайте помощния клас “p-
Синтаксис
< елемент клас = 'p-<стойност>' ... елемент >
Заменете “<стойност>” с произволно желано число, като 2, 4, 12, 20 и т.н.
Пример
В този пример имаме две „ Във втория Изход За да добавите подложка към всички страни на елемент в Tailwind, помощният клас “p-
< тяло >
< див клас = 'bg-pink-600 p-8 w-max' >
Подложка в Попътен вятър CSS
див >
< бр >
< див клас = 'bg-teal-600 p-14 w-max' >
Подложка в Попътен вятър CSS
див >
тяло >
Тук, в първия
Съгласно горния изход, указаната подложка е приложена към всички страни на двата контейнера. Заключение