V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
Can I use?
http://caniuse.com/
Less
http://lesscss.org
Cool Libraries
Bootstrap from Twitter
Jetstrap
wktrf
V2EX  ›  CSS

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

  •  
  •   wktrf · 2018-08-20 16:24:44 +08:00 · 880 次点击
    这是一个创建于 2048 天前的主题,其中的信息可能已经有所发展或是发生改变。

    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
        1
    littleylv  
       2018-08-20 16:54:27 +08:00
    网上搜一下解决方法一大堆。请善用搜索。
    abelmakihara
        2
    abelmakihara  
       2018-08-20 18:25:20 +08:00
    line-height 72px
    flex
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   2885 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 25ms · UTC 13:52 · PVG 21:52 · LAX 06:52 · JFK 09:52
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.