全屏模式向左对齐

Question

我的全屏模式已向左对齐。居中属性无法解决。我有一排网格，可以动态显示一系列卡片。每个卡都有关联的模式，因此，当您单击卡时，模式会打开，其中包含来自卡的信息。

这是我在其中渲染的网格

<Grid.Column key={this.props.sensorid} width={4}>
        <Card
          onClick={() => {
            this.setState({ modalOpen: true });
          }}
          color={color}
          header={String(porce) + " %"}
          description={this.props.sensorname}
          meta={nivelUno + " mm"}
        />

          <ModalSensor
            sensorWell={this.props.sensorWell}
            sensorName={this.props.sensorConPrefijo}
            sensorId = {this.props.sensorid}
            modalOpen={this.state.modalOpen}
            handleClose={() => {
              this.setState({ modalOpen: false });
            }}
          />

      </Grid.Column>

这是模态

export default class ModalSensor extends Component {
  render() {
    return (
      <div>
      <Modal
        centered={true}
        open={this.props.modalOpen}
        onClose={this.props.handleClose}
        closeOnEscape={true}
        size={"Fullscreen"}
      >
        <Modal.Header>Nivel del sensor {this.props.sensorName}</Modal.Header>
        <Modal.Content>

            <Sensor sensorwell={this.props.sensorWell} sensorcodigo={this.props.sensorName}/>

        </Modal.Content>
        <Modal.Actions>
          <Button
            inverted
            color="orange"
            type="button"
            icon="checkmark"
            labelPosition="right"
            onClick={this.props.handleClose}
            content="Cerrar"
          />
        </Modal.Actions>
      </Modal>
      </div>
    );
  }
}

Answer 1

这是一个使用多个CSS库的常见问题，只需使用浏览器开发工具检查您的元素，然后尝试找出它或将其放到此处，无（可能）无济于事，因为这是一个CSS问题，您没有这里的任何CSS。

祝你好运。