Tailwind CSS è un framework ben noto che viene utilizzato per creare pagine Web o design personalizzabili e reattivi. Consente inoltre agli utenti di controllare il layout e la spaziatura degli elementi senza scrivere alcun CSS personalizzato. Il padding è lo spazio tra il contenuto di un particolare elemento e il suo bordo. A volte, gli utenti desiderano applicare la stessa quantità di riempimento a ogni lato di un elemento. Tailwind fornisce classi di utilità per applicare la spaziatura interna a tutti i lati di un elemento o a lati specifici, ad esempio in alto, a destra, in basso o a sinistra.
Questo articolo esemplifica il metodo per aggiungere la spaziatura interna a tutti i lati di un elemento in Tailwind.
Come aggiungere imbottitura a tutti i lati in Tailwind?
Per aggiungere spaziatura interna a tutti i lati di un particolare elemento in Tailwind, crea una struttura HTML. Quindi, usa la classe di utilità 'p-
Sintassi
< elemento classe = 'p-
Sostituisci il '
Esempio
In questo esempio, abbiamo due ' Nel secondo Produzione Per aggiungere il riempimento a tutti i lati di un elemento in Tailwind, la classe di utilità 'p-
< corpo >
< div classe = 'bg-rosa-600 p-8 w-max' >
Imbottitura In CSS vento in coda
div >
< fratello >
< div classe = 'bg-verde acqua-600 p-14 w-max' >
Imbottitura In CSS vento in coda
div >
corpo >
Qui, nel primo
In base all'output precedente, il riempimento specificato è stato applicato a tutti i lati di entrambi i contenitori. Conclusione