2017-10-20 154 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'}/> 
相关问题