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

Question

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

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>

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

Semantic UI Resizing Divider Parts?

css

reactjs

semantic-ui