Tailwind CSS ialah rangka kerja terkenal yang digunakan untuk mencipta halaman web atau reka bentuk yang boleh disesuaikan dan responsif. Ia juga membolehkan pengguna mengawal susun atur dan jarak elemen tanpa menulis sebarang CSS tersuai. Padding ialah ruang antara kandungan elemen tertentu dan sempadannya. Kadangkala, pengguna ingin menggunakan jumlah padding yang sama pada setiap sisi elemen. Tailwind menyediakan kelas utiliti untuk menggunakan pelapik pada semua sisi elemen, atau pada sisi tertentu, seperti atas, kanan, bawah atau kiri.
Artikel ini akan memberi contoh kaedah untuk menambah padding pada semua sisi elemen dalam Tailwind.
Bagaimana untuk Menambah Padding ke Semua Sisi dalam Tailwind?
Untuk menambah padding pada semua sisi elemen tertentu dalam Tailwind, buat struktur HTML. Kemudian, gunakan kelas utiliti 'p-
Sintaks
< unsur kelas = 'p-
Gantikan '
Contoh
Dalam contoh ini, kita mempunyai dua ' Dalam Pengeluaran Untuk menambah padding pada semua sisi elemen dalam Tailwind, kelas utiliti 'p-
< badan >
< div kelas = 'bg-merah jambu-600 p-8 w-maks' >
Padding dalam CSS Tailwind
div >
< br >
< div kelas = 'bg-teal-600 p-14 w-maks' >
Padding dalam CSS Tailwind
div >
badan >
Di sini, dalam
Mengikut output di atas, padding yang ditentukan telah digunakan pada semua sisi kedua-dua bekas. Kesimpulan