React Newforms 中的标签位置

Question

默认位置在字段上方，但我想从它开始。

我试图隐藏标签并使用 <Col>s 来显示输入以外的文本，但是当我将普通文本添加到 <RenderForm>

时，newforms 崩溃了

Answer 1

我们已经能够像这样直接使用 css（更少）设置样式：

  #id_field {
    display: flex;
    text-align: center;
    margin-bottom: .75em;

    li {
      flex: 100%;
    }

    label {
      display: block;

      input {
        display: inline-block;
      }
      span {
        display: block;
      }
    }
  }

当您检查它们时，您可以获得它们的 "id" 并以这种方式定位它们。

React Newforms 中的标签位置

Label position in React Newforms

reactjs

newforms