字段大小调整

字段大小调整

用于控制表单控件大小的工具。

Class Styles

Class	Styles
`field-sizing-fixed`	`field-sizing: fixed;`
`field-sizing-content`	`field-sizing: content;`

field-sizing-fixed

field-sizing: fixed;

field-sizing-content

field-sizing: content;

示例

使用 field-sizing-content 工具，让表单控件根据内容调整大小：

在下面的输入框中输入内容以查看大小变化

<textarea class="field-sizing-content ..." rows="2">
  Latex Salesman, Vanderlay Industries
</textarea>

使用 field-sizing-fixed 工具使表单控件使用固定大小：

在下面的输入框中输入内容以查看大小保持不变

<textarea class="field-sizing-fixed w-80 ..." rows="2">
  Latex Salesman, Vanderlay Industries
</textarea>

Prefix a field-sizing utility with a breakpoint variant like md: to only apply the utility at medium screen sizes and above:

<input class="field-sizing-content md:field-sizing-fixed ..." />

Learn more about using variants in the variants documentation.