web - 您如何控制 material-components-web 中 mdc-form-field 的大小？

Question

标题真的说明了一切。如何使用 mdc 控制表单元素内文本字段的宽度？我还注意到表单默认情况下不居中，而是与包含 mdc-layout-grid__inner 的左侧对齐。

Answer 1

<div class="mdc-layout-grid">
  <form>
    <div class="mdc-layout-grid__inner">
      <div class="mdc-textfield mdc-layout-grid__cell medc-layout-grid--span-1">
      </div>
    </div>
  </form>
</div>

是我想出的最好的。文本字段采用单元格的大小。但是表格不是居中对齐的。我认为这可能是表单元素的问题？