收藏
回答

如何隐藏子控件超出的部分?

<view style="width:120px;height:70px">

    <view style="width:120px;height:500px"></view>

</view>

根据上面的样式设计可以看出,最里面的view高是500,很明显超出了外面view容器的高70,现在要求把子view超出的部分不显示。

请教各位有没有好的解决办法?能通过样式设置也可。

注:因界面的其它因素导致不能使用scroll-view做容器

回答关注问题邀请回答
收藏

2 个回答

  • 往事如风
    往事如风
    2019-07-31

    也可以用除scroll-view外的其它控件,目的就是当子控件部分超出容器时,要求不能显示超出的部分

    2019-07-31
    有用
    回复 3
    • Patience🎈
      Patience🎈
      2019-07-31
      就是overflow:hidden;呀
      2019-07-31
      回复
    • 往事如风
      往事如风
      2019-07-31
      不知道什么原因,我这把over-flow:hidden;加上去没什么效果
      2019-07-31
      回复
    • 往事如风
      往事如风
      2019-07-31

      <view style="width:150px;height:10px;over-flow:hidden;float:left;">

      <view style="width:150px;height:30px;line-height:30px;background-color:red;">隐藏超出部分</view>

      </view>

      如果有时间,麻烦帮看看代码,或是方便就帮我测试一下,谢谢

      2019-07-31
      回复
  • 2019-07-31

    over-flow:hidden

    2019-07-31
    有用
    回复 11
    • 往事如风
      往事如风
      2019-07-31
      在容器view设置了over-flow:hidden; 无用。能通过除scroll-view外的其它控件达到我要的目的吗?
      2019-07-31
      回复
    • 2019-07-31回复往事如风
      view 的话这个属性应该是可以的,你的意思是你的场景控件不是view
      2019-07-31
      回复
    • 往事如风
      往事如风
      2019-07-31回复
      我目前用的就是view的,当我这里在父view里设置了你说的属性,子view多出的背景色照常能看到
      2019-07-31
      回复
    • 2019-07-31
      实测 可以
      2019-07-31
      回复
    • 往事如风
      往事如风
      2019-07-31
      这就奇怪了,我的libversion:2.7.7,我把我测试的代码发给你,在你那测了看看
      2019-07-31
      回复
    查看更多(6)
登录 后发表内容