解决办法:
法1.给svg的外标签加个display:flex
法2.给svg的外标签加height:svg的高度,display:flex
法3.在它的父级加上vertical-align: middle;,父级的父级:line-height: initial;
列如:
.container {
width: 100%;
line-height: initial;
.brandIcon {
display: inline-block;
margin: 0 8px 0 0;
vertical-align: middle;
}
.cardIcon {
display: flex;
}
}
<div className={styles.container}>
{codes.map(code => {
return <div className={styles.brandIcon}>{getIcon(code)}</div>;
})}
</div>