.text-base 是 font-size、line-height 两个样式,这种通过数组配置: 也就是说所有 tailwind 提供的所有内置原子 class 都可以配置。 但这些都是全局的更改,有的时候你想临时设置一些值,可以用 [] 语法。 比如text-[14px],它就会生成 font-size:14px 的样式: 比如aspect-[4/3],就是这样的样式: 我们平时...
然后,每当您想要覆盖默认值line-height(即1.5rem)时,您只需添加一个自定义line-height实用程序,例如leading-[5rem]. 这是一个例子: 设置自定义字体/自定义行高。数组中的第二个属性是默认line-height值: module.exports = { theme: { fontSize: { sm: ['14px', '1.25rem'], base: ['16px', '1.25...
Utilities for controlling the font family of an element. .font-sans .font-serif .font-mono font family <divclass="px-6 py-6 text-center"><!-- font family --><pclass="font-sans text-3xl">This is sample of font family sans.</p><pclass="font-serif text-3xl">This is sample of ...
现在，Tailwind中的每个字体大小实用程序都与合理的默认行高配对：// Tailwind's default thememodule.exports = { theme: {// ... fontSize: { xs: ['0.75rem',{ lineHeight: '1rem'}], sm: ['0.875rem',{ lineHeight: '1.25rem'}], base: ['1rem',{ lineHeight: '1.5rem...
.text-base 是 font-size、line-height 两个样式,这种通过数组配置: 也就是说所有 tailwind 提供的所有内置原子 class 都可以配置。 但这些都是全局的更改,有的时候你想临时设置一些值,可以用 [] 语法。 比如text-[14px],它就会生成 font-size:14px 的样式: ...
CSS中使用line-height属性设置行高,也就是行与行之间的距离,行高不允许为负值。line-height会影响行框的布局,使用line-height与font-size的计算差值的一半儿,分别加到一个文本行内容的顶部和底部,可以包含这些内容的最小框就是行框。如果应用到一个块级元素上,则定义的是元素中基线之间的最小距离而非最大距离。
.text-base 是 font-size、line-height 两个样式,这种通过数组配置: 也就是说所有 tailwind 提供的所有内置原子 class 都可以配置。 但这些都是全局的更改,有的时候你想临时设置一些值,可以用 [] 语法。 比如text-[14px],它就会生成 font-size:14px 的样式: ...
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. sm The quick brown fox jumped over the lazy dog. ...
font-size font-smoothing font-style font-weight font-stretch font-variant-numeric letter-spacing line-clamp line-height list-style-image list-style-position list-style-type text-align color text-decoration-line text-decoration-color text-decoration-style ...
.text-base 是 font-size、line-height 两个样式,这种通过数组配置: 也就是说所有 tailwind 提供的所有内置原子 class 都可以配置。 但这些都是全局的更改,有的时候你想临时设置一些值,可以用 [] 语法。 比如text-[14px],它就会生成 font-size:14px 的样式: ...