AntD中布局sider宽度设置

2020-05-13  本文已影响0人  槑啊槑

一般设置宽度都是直接是在style中写样式,但是在调整sider的宽度是却无效的

<Layout>
  <Header>header</Header>
  <Layout>
    <Sider style={{width:'300px'}}/>     //无效的写法
        left sidebar
    </Sider>
    <Content>main content</Content>
    <Sider>right sidebar</Sider>
  </Layout>
  <Footer>footer</Footer>
</Layout>

因为Sider中有自带属性width


1.png

所以正确设置方法是:

<Sider width={300} />

参考:https://www.jianshu.com/p/ce1c9a6a107c

上一篇下一篇

猜你喜欢

热点阅读