居中语义UI列内容

Question

问题

当页面很小时，配置文件图片正确居中。当页面完整大小时，它会浮动到左侧。为什么是这样？

const App = () => {
  return (
    <Container>
      <Header />
      <Grid centered>
        <Container>
          <Image src={image} size="small" />
        </Container>
      </Grid>
    </Container>
  );
};

正确居中

向左浮动

沙箱链接

https://codesandbox.io/s/w77kymo1lw

Answer 1

您需要将ui centered image添加到图片组件。

const App = () => {
  return (
    <Container>
      <Header />
      <Grid centered>
        <Container>
          <Image ui centered image src={image} size="small" />
        </Container>
      </Grid>
    </Container>
  );
};