Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/24.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css Can';t使materialui输入或文本字段水平对齐_Css_Reactjs_Material Ui - Fatal编程技术网

Css Can';t使materialui输入或文本字段水平对齐

Css Can';t使materialui输入或文本字段水平对齐,css,reactjs,material-ui,Css,Reactjs,Material Ui,无论我如何更改边距或填充,并将它们放在div中。材质UI文本字段或输入相对于其他元素在其顶部有一个奇怪的空间。所以我无法让它们与其他组件水平对齐。我相信是输入的空白标签占据了空间。这是一件平常的事还是我遗漏了什么?谢谢 import {Input} from 'material-ui'; import Select from 'react-select'; 组件样式可能会覆盖您的类,如果要使用全局css,则需要配置Material U

无论我如何更改边距或填充,并将它们放在div中。材质UI文本字段或输入相对于其他元素在其顶部有一个奇怪的空间。所以我无法让它们与其他组件水平对齐。我相信是输入的空白标签占据了空间。这是一件平常的事还是我遗漏了什么?谢谢

import {Input} from 'material-ui';

import Select from 'react-select';                            


组件样式可能会覆盖您的类,如果要使用全局css,则需要配置Material UI的样式解决方案。查看更多信息。

您正在使用的物料ui版本?它是v0.20.1还是v1.x?它是1.0.0-beta.47。您应该提供更多的代码,包括样式。请考虑添加一个简单的演示会暴露您的问题。
<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')}
/>