css - 语义 UI 调整分隔线部分的大小？

Question

我正在使用 Semantic-ui 中的 Divider 组件来垂直划分一个段，它将段划分为 50/50 我认为有没有办法让它基本上成为 70/30 60/40，无论我喜欢哪个？感谢帮助！

标签： cssreactjssemantic-ui

Answer 1

这可以在 Segment 组件中通过添加网格并从 Grid.column 更改宽度道具来完成，如下所示：

<Segment>
    <Grid stackable>
      <Grid.Column width={4}>
        <Image src="https://react.semantic-ui.com/images/wireframe/image.png" />
      </Grid.Column>
      <Grid.Column>
        <Divider vertical> or </Divider>
      </Grid.Column>
      <Grid.Column width={9}>
        <Image src="https://react.semantic-ui.com/images/wireframe/paragraph.png" />
      </Grid.Column>
    </Grid>
  </Segment>