text-7xlfont-size: 4.5rem; line-height: 1; text-8xlfont-size: 6rem; line-height: 1; text-9xlfont-size: 8rem; line-height: 1; 用法 使用text-{size}功能类控制元素的字体大小。 xs The quick brown fox jumped over the lazy dog. ...
text-basefont-size: 1rem; line-height: 1.5rem; text-lgfont-size: 1.125rem; line-height: 1.75rem; text-xlfont-size: 1.25rem; line-height: 1.75rem; text-2xlfont-size: 1.5rem; line-height: 2rem; text-3xlfont-size: 1.875rem; line-height: 2.25rem; ...
根据需要选择其他的功能插件，例如：Babel, Router, Vuex, CSS Pre-processors, Linter。
Tailwind CSS Font SizeHey, I am with font size 12px (text-xs).Hey, I am with font size 14px (text-sm).Hey, I am with font size 16px (text-base).<pclass="text-lg mb-4">Hey, I am with font size 18px (text-lg).</p><pclass="text-xl mb-4">Hey, I am with font siz...
它工作了。Content属性主要负责编译项目文件的tailwind类请确保您的内容值包含您想要呈现tailwindcss类的...
Transform your design workflow and save a ton of time with the Tailwind Font Size Generator plugin for Figma! This intuitive plugin allows you to seamlessly generate font sizes and font styles using the default Tailwind CSS font scale, ensuring your desi
它工作了。Content属性主要负责编译项目文件的tailwind类请确保您的内容值包含您想要呈现tailwindcss类的...
<!doctype html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link href="/dist/output.css" rel="stylesheet"> </head> <body> <h1 class="text-3xl font-bold underline"> Hello world! </h1> </body> </html> 然后就...
A plugin for Tailwind CSS that provides utilities for fluid font sizes - olets/tailwindcss-fluid-font-size
npx tailwindcss init tailwind-full.config.js --full <divclass="flex items-center max-w-sm p-6 mx-auto space-x-4 bg-white shadow-lg rounded-xl"><divclass="shrink-0"><imgclass="w-12 h-12"src="/img/logo.svg"alt="ChitChat Logo"></div><div><divclass="text-xl font-medium text...