設定后添加的額外頭像的max道具AvatarGroup不符合其他頭像的高度。
<AvatarGroup max={3}>
<Avatar alt="Remy Sharp" src="/static/images/avatar/1.jpg" sx={{ width: 24, height: 24 }}/>
<Avatar alt="Travis Howard" src="/static/images/avatar/2.jpg" sx={{ width: 24, height: 24 }}/>
<Avatar alt="Cindy Baker" src="/static/images/avatar/3.jpg" sx={{ width: 24, height: 24 }}/>
<Avatar alt="Agnes Walker" src="/static/images/avatar/4.jpg" sx={{ width: 24, height: 24 }}/>
<Avatar alt="Trevor Henderson" src="/static/images/avatar/5.jpg" sx={{ width: 24, height: 24 }}/>
</AvatarGroup>
會給出這樣的結果
有沒有辦法讓添加的頭像服從通用尺寸？
uj5u.com熱心網友回復：
您可以Avatar從父級覆寫所有組件的樣式（包括最后的默認樣式）：
<AvatarGroup
max={4}
sx={{
'& .MuiAvatar-root': { width: 24, height: 24, fontSize: 15 },
}}
>
轉載請註明出處，本文鏈接：https://www.uj5u.com/qukuanlian/360255.html
上一篇：CSS嵌套串列作為表格？