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

【问题标题】：How do you control the size of an mdc-form-field in material-components-web?您如何控制 material-components-web 中 mdc-form-field 的大小？
【发布时间】：2018-02-26 07:05:55
【问题描述】：

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

【问题讨论】：

标签： web material-components

【解决方案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>

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

【讨论】：