2017-10-20 130 views
0

我使用:https://react.semantic-ui.com/elements/image#image-example-avatar有了Semantic UI React,如何設置Image Avatar的寬度和高度?

 <Image avatar width={32} height={32} src={'/xxx.jpg'} /> 

問題是,圖像頭像不使用寬度和高度參數,可以轉而使用分配CSS:如何設置

.ui.avatar.image, .ui.avatar.image img, .ui.avatar.image svg, .ui.avatar.images .image, .ui.avatar.images img, .ui.avatar.images svg { 
    margin-right: .25em; 
    display: inline-block; 
    width: 2em; 
    height: 2em; 
    border-radius: 500rem; 
} 

使用Semantic UI React的寬度和高度?

謝謝

回答

2

頭像圖像大小與有效字體大小有關。控制有效字體大小的快速方法是

<Image style={{'font-size':42}} avatar src={'/xxx.jpg'}/> 
相關問題