【问题标题】:Responsive buttons SAPUI5响应式按钮 SAPUI5
【发布时间】:2022-02-01 01:46:42
【问题描述】:

我想知道当我使用移动设备时这些按钮是否可以适应。也就是说,现在这三个按钮是水平的,但是当设备变小而不是适应并变成垂直时,它们会离开屏幕,有没有办法解决这个问题?

<FlexBox alignItems="Center" justifyContent="Center">
    <items>
        <Button type="Accept" class="button" press="onSubmit1" text="1" width="100%"/>
        <Button type="Accept" class="button" press="onSubmit2" text="2" width="100%"/>
        <Button type="Accept" class="button" press="onSubmit3" text="3" width="100%"/>
    </items>
</FlexBox>

【问题讨论】:

    标签: javascript button flexbox sapui5 responsive


    【解决方案1】:

    解决方案很简单,我发布它以防万一有人像我一样不知道,添加wrap 属性,这样不会溢出信息,而是放置在几行中

    <FlexBox alignItems="Center" justifyContent="Center" wrap="Wrap">
    

    【讨论】:

      猜你喜欢
      • 2021-06-04
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2018-09-22
      • 1970-01-01
      • 1970-01-01
      • 2014-07-29
      • 2017-12-03
      相关资源
      最近更新 更多