这个文字和图片不居中应该如何处理？

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

Can I use?

› http://caniuse.com/

Less

› http://lesscss.org

Cool Libraries

› Bootstrap from Twitter

› Jetstrap

这是一个创建于 2288 天前的主题，其中的信息可能已经有所发展或是发生改变。

HTML 代码

<View className='user-info'>
   <Image className='user-icon' src={this.props.user.data.avatarUrl} />
   <Text className='user-name'>&nbsp;{this.props.user.data.nickName}</Text>
</View>

CSS 代码

 .user-info
   padding 10px
   outline 1px solid red
   margin-top 40px
   image
     width 72px
     height 72px
     border-radius 72px
     vertical-align middle

写出来是这样的

2 条回复 • 2018-08-20 18:25:20 +08:00

littleylv

2018-08-20 16:54:27 +08:00

网上搜一下解决方法一大堆。请善用搜索。

abelmakihara

2018-08-20 18:25:20 +08:00

line-height 72px
flex