Arco Form表单项标签宽度设置后对齐失效怎么办？

Tr° 松静提问于 2026-02-11 22:56:29 阅读 44

组件

用Arco的Form组件做登录表单时，想让所有表单项标签保持统一宽度，按照文档写了这样的CSS：


.arco-form-item-label {
  width: 8em !important;
}

但实际渲染后，不同表单项的标签还是有宽窄差异，特别是带辅助说明文字的项会撑开宽度。尝试给表单外层加了display: flex也没用，这是哪里设置错了呢？

Form使用

我来解答赞 5 收藏

反馈

1 条解答

司空熙晨 Lv1

试试给标签加个 min-width 并且设置 text-align 对齐，关键是要加上 white-space: nowrap 防止换行撑开：

.arco-form-item-label {

  width: 8em !important;

  min-width: 8em !important;

  text-align: right;

  white-space: nowrap;

}

应该能用。

2026-02-11 23:02