Comment contrôlez-vous la taille d'un champ de formulaire mdc dans material-components-web?

Question

Le titre dit tout vraiment. Comment puis-je contrôler la largeur d'un champ de texte dans un élément de formulaire avec mdc? J'ai également remarqué que le formulaire n'est pas centré par défaut mais s'aligne à gauche de la mdc-layout-grid__inner qui contient.

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> 

Est-ce le meilleur que j'ai trouvé. Les champs de texte prennent la taille de la cellule. Mais la forme n'est pas alignée au centre. Je pense que c'est un problème avec l'élément de forme peut-être?