Tailwind CSS es un marco CSS de bajo nivel altamente personalizable que le brinda todos los componentes básicos que necesita. Tailwind CSS Sizing que establece el tamaño de los elementos como el ancho del elemento, la altura, el ancho mínimo-máximo y la altura mínima-máxima.
- Ancho de CSS de viento de cola
- Tailwind CSS Min-Width
- Ancho máximo de CSS Tailwind
- Altura de CSS del viento de cola
- Altura mínima de CSS de Tailwind
- Tailwind CSS Altura máxima
El siguiente ejemplo le dará una breve idea sobre el tamaño de Tailwind CSS:
Ejemplo:
HTML
<!DOCTYPE html> <head> <link href= "https://unpkg.com/tailwindcss@^1.0/dist/tailwind.min.css" rel="stylesheet"> </head> <body class="text-center mx-4 space-y-2"> <h1 class="text-green-600 text-5xl font-bold"> GeeksforGeeks </h1> <b>Tailwind CSS MIn-Width Class</b> <div class="w-24 h-16 min-w-full md:min-w-0 bg-green-400 rounded-lg text-white"> </div> </body> </html>
Producción:
Publicación traducida automáticamente
Artículo escrito por GeeksforGeeks-1 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA