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

Question

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

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>

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