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

2018-08-20 16:24:44 +08:00
 wktrf

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

写出来是这样的

907 次点击
所在节点    CSS
2 条回复
littleylv
2018-08-20 16:54:27 +08:00
网上搜一下解决方法一大堆。请善用搜索。
abelmakihara
2018-08-20 18:25:20 +08:00
line-height 72px
flex

这是一个专为移动设备优化的页面（即为了让你能够在 Google 搜索结果里秒开这个页面），如果你希望参与 V2EX 社区的讨论，你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/481482

V2EX 是创意工作者们的社区，是一个分享自己正在做的有趣事物、交流想法，可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX