域名 AXUM.RS 将于2025年10月到期。我们无意再对其进行续费，我们希望你能够接续这个域名，让更多 AXUM 开发者继续受益。
  • 方案1️⃣：AXUM.RS 域名 = 3000
  • 方案2️⃣：方案1️⃣ + 本站所有专题原始 Markdown 文档 = 5000
  • 方案3️⃣：方案2️⃣ + 本站原始数据库 = 5500
如果你有意接续这份 AXUM 情怀，请与我们取得联系。
说明：
  1. 如果有人购买 AXUM.RS 域名（方案1️⃣），或者该域名到期，本站将启用新的免费域名继续提供服务。
  2. 如果有人购买了 AXUM.RS 域名，且同时购买了内容和/或数据库（方案2️⃣/方案3️⃣），本站将关闭。届时我们或许会以另一种方式与你再相遇。

AXUM中文网

全栈：AXUM、React、NextJS 和 TailWindCSS

Tailwind: 默认配置

font-size: 1.875rem;
line-height: 2.25rem;

在默认配置文件中，我们找到了答案：

fontSize: {
      xs: ['0.75rem', { lineHeight: '1rem' }],
      sm: ['0.875rem', { lineHeight: '1.25rem' }],
      base: ['1rem', { lineHeight: '1.5rem' }],
      lg: ['1.125rem', { lineHeight: '1.75rem' }],
      xl: ['1.25rem', { lineHeight: '1.75rem' }],
      '2xl': ['1.5rem', { lineHeight: '2rem' }],
      '3xl': ['1.875rem', { lineHeight: '2.25rem' }], // 答案在这
      '4xl': ['2.25rem', { lineHeight: '2.5rem' }],
      '5xl': ['3rem', { lineHeight: '1' }],
      '6xl': ['3.75rem', { lineHeight: '1' }],
      '7xl': ['4.5rem', { lineHeight: '1' }],
      '8xl': ['6rem', { lineHeight: '1' }],
      '9xl': ['8rem', { lineHeight: '1' }],
    },

Tailwind 非常难讲，原因在于它只是对 CSS 的简单封装，如果逐条列出它定义的class来进行讲解的话，讲的人累的要死，作为读者的你也会困的要死——随时准备关掉网页睡觉。

所以我们打算通过几个小案例来让读者逐步掌握 tailwind

要查看完整内容，请先登录
登录注册