收藏
回答

关于样式的问题 求帮忙看看

问题模块
API和组件


以上样式 在网页里 是71.13px 不知道为啥在小程序里却变小了

当我width:100%的话 却
只有那么大。。。所以很好奇  而且如果没设置display:inline-block

父级设置 display:flex 没鸟用

最后一次编辑于  2017-07-21  (未经腾讯允许,不得转载)
回答关注问题邀请回答
收藏

19 个回答

  • 生活白痴
    生活白痴
    2017-07-21

    我再套一层过了。。依然没用

    2017-07-21
    赞同
    回复
  • 远扬
    远扬
    2017-07-21
    scroll-view

    这个我测试下~flex对他无效好像

    建议在外面再套一层view就可以实现效果


    2017-07-21
    赞同
    回复
  • 生活白痴
    生活白痴
    2017-07-21

    我父级就是display:flex了。。。。

    navigator 还是block的形式。。。我才实在不行 用了inline-block

    2017-07-21
    赞同
    回复
  • 远扬
    远扬
    2017-07-21

    还是flex爽~别用什么display:inline-block了

    2017-07-21
    赞同
    回复
  • 远扬
    远扬
    2017-07-21

    好吧~你没把wxml发出来

    content-box会计算border~多了2px 再加上3%~剩余了的1%在屏幕上不一样够6px

    所以有可能一样只显示2个

    2017-07-21
    赞同
    回复
  • 生活白痴
    生活白痴
    2017-07-21

    box-sizing:border-box。。。这个我是后续加上去的  而且是不会计算margin进去的 你不知道吗?你是不是更应该去看下基础?

    我先前没设置 我后续也设置过box-sizing:content-box 同样没用

    我改为box-sizing:content-box 一行甚至只能显示2个



    2017-07-21
    赞同
    回复
  • 远扬
    远扬
    2017-07-21

    css基础~去看看吧

    2017-07-21
    赞同
    回复
  • 远扬
    远扬
    2017-07-21

    我上面就是宽度用百分比啊  但是不是以父级元素的宽度来计算的 你没看到吗

    父级200多

    子级100%也才190多


    你设置box-sizing:border-box

    后面margin-right:3%

    这要计算进去了

    如果你设置box-sizing:content-box

    设置100%就是和父级元素一样宽了

    2017-07-21
    赞同
    回复
  • 生活白痴
    生活白痴
    2017-07-21

    是的 是想要这种效果

    我的问题是 scroll-view 设置display:flex 里面的子级 navigator 设置宽度百分比 没法继承父级的  我好奇的是这个。。。。。

    2017-07-21
    赞同
    回复
  • 远扬
    远扬
    2017-07-21

    还是这种?

    .parent {
      margin-top: 100rpx;
      display: flex;
      justify-content:space-between;
    }
     
    .sub {
      width: 30%;
      height: 68rpx;
      border: 1px solid #000;
      display: flex;
      align-items: center;
      justify-content: center;
    }


    2017-07-21
    赞同
    回复

正在加载...