javascript - Ant设计中如何修复折叠体的默认高度

Question

我创建了右侧可折叠面板。折叠后我需要更改面板高度(最大 100 像素)

我的CSS是这样的

background: '#f7f7f7', borderRadius: 5, width: 200, marginBottom: 0, border: 50, overflow: 'hidden',

和这样的 Rekit 代码

 render() {
    return (
      <div className="common-coll-bar">
        <Collapse bordered defaultActiveKey={['1']} onChange={callback}>
          <Panel header="This is panel header 1" key="1" style={customPanelStyle}>
            <p>{text}</p>
          </Panel>

        </Collapse>
      </div>
    );
 }

你能帮助我吗？

Answer 1

!不要使用高度会破坏布局!
只需使用行高

.ant-collapse-header-text {
          line-height: 100px;
}