无法获得材料 ui 输入或文本字段水平对齐答案

【问题标题】：Can't get materialui input or textfield aligned horizontally无法获得材料 ui 输入或文本字段水平对齐
【发布时间】：2018-11-23 19:14:24
【问题描述】：

import {Input} from 'material-ui';

import Select from 'react-select';

无论我如何更改边距或填充并将它们放在 div 中。相对于其他元素，Material UI 文本字段或输入在其顶部有这个奇怪的空间。所以我不能让它们与其他组件水平对齐。我相信占用空间的是 Input 的空标签。这是常见的事情还是我错过了一些显而易见的事情？谢谢。

<Select
      className="min-w-256 inline-block"
      name="form-field-name"
      placeholder="Item Name"
      value={this.state.currentRecord.itemName}
      onChange={this.handleItemNameChange}
      options={this.state.itemNameList}
/>

<Input
     label = {null}
     className="max-w-128 inline-block "
     id="input-quantity"
     value={this.state.currentRecord.quantity}
     onChange={this.handleCurrentRecordTextChange('quantity')}
/>

【问题讨论】：

你正在使用的material-ui版本？是 v0.20.1 还是 v1.x ？
它是 1.0.0-beta.47
您应该提供更多代码，包括样式。请考虑添加一个简单的演示来暴露您的问题。

标签： css reactjs material-ui

【解决方案1】：

组件样式可能会覆盖您的类，如果您要使用全局 css，则需要配置 Material-UI 的样式解决方案。结帐https://material-ui.com/customization/overrides/#overriding-with-class-names 了解更多信息。

【讨论】：