美文网首页
antd布局组件sider调整宽度踩坑

antd布局组件sider调整宽度踩坑

作者: 曷心雨乙巳叩酊 | 来源:发表于2019-06-05 16:32 被阅读0次
<Layout>
      <Header>Header</Header>
      <Layout>
        <Content>Content</Content>
        <Sider>Sider</Sider>
      </Layout>
      <Footer>Footer</Footer>
    </Layout>

对Sider的width进行修改时,用了style={{width:300}} 和CSS class都未生效。
经研究后发现,Sider本身具有width属性,直接在Sider属性中配置即可。例如

<Sider width={300}>Sider</Sider>

相关文章

  • antd布局组件sider调整宽度踩坑

    对Sider的width进行修改时,用了style={{width:300}} 和CSS class都未生效。经研...

  • AntD中布局sider宽度设置

    一般设置宽度都是直接是在style中写样式,但是在调整sider的宽度是却无效的 因为Sider中有自带属性wid...

  • iview 如何设置sider宽度

    iview layout组件中,sider设置了默认宽度和最大宽度,在css样式文件中修改无效,原因是iview默...

  • Antd 组件踩坑

    官方文档事件:select 点击选择日期回调change 日期变化时的回调, 面板变化有可能导致日期...

  • Ant-design踩坑

    Antd.Form 踩坑 经过getFieldDecorator的注册后,所以的onChange函数会被接管。本身...

  • antd-mobile的ListView组件踩坑

    一、ListView容器不加固定高度就无法展示问题 如题,但有的情况下我们不好确定固定高度,这时可以加个useBo...

  • 前端页面自适应

    项目里有列表如下排布,块的宽度固定为230px,需做弹性布局。也可使用bootstrap、antd等框架的栅格布局...

  • Create Dynamic theme with antd a

    说在前面 由于业务需要,在用蚂蚁金服antd组件库时需要设置两种主题色动态切换。在这里踩了一些坑,觉得有必要写一篇...

  • antd的upload组件上传功能踩坑

    在初次使用upload组件上传文件时,出现了几个风格各异的bug,因此做一个记录 错误的起源 使用upload组件...

  • unity 自动排版(Horizontal Layout Gr

    水平布局组 “水平布局组”组件将其子布局元素并排放置。它们的宽度由各自的最小,首选和灵活的宽度决定,具体取决于以下...

网友评论

      本文标题:antd布局组件sider调整宽度踩坑

      本文链接:https://www.haomeiwen.com/subject/mdrsxctx.html