如何控制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>

我是最好的。文本字段采用单元格的大小。但形式并不是中心对齐的。我认为这可能是表单元素的一个问题吗？