antd的select下拉框,遇到display: 'flex', alignItems: 'baseline' 。DOM抖动问题

780 阅读1分钟

代码如下

<Row style={{ display: 'flex', alignItems: 'baseline' }}>         
    {$t('lbl_dvs_statementsst')}:   
     <Select value={rctSafety}   
        style={{ minWidth: '200px' }}  
        onChange={this.rctSafetyChange} >       
            {                                      
              rctSafeList.map(item => {                                           
                 return (                                                
                <Option key={item.dictValue} value={item.dictValue}>
                    {item.dictLabelCn}
                </Option>                                           
             )                                        
        })                                    
    }                                
        </Select>                        
    <Buttonon>111</Button>
</Row>

align-items:baseline的问题

align-items属性定义项目在交叉轴上如何对齐。

baseline: 项目的第一行文字的基线对齐。