You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何在Power Apps项目的两个横向HTML表格间添加大空白区域

解决Power Apps中HTML表格间大间距问题

给你几个实用的方案,直接就能解决两个表格间空白不足的问题:

  • 直接给表格加margin属性
    inline-block元素默认的小间距是代码里的空白字符导致的,要大间距直接用margin精准控制。比如上下排列的表格,给第一个加margin-bottom,或者给第二个加margin-top:

    <table style="display: inline-block; margin-bottom: 40px;">
      <!-- 第一个表格内容 -->
    </table>
    
    <table style="display: inline-block;">
      <!-- 第二个表格内容 -->
    </table>
    

    如果是左右并排,就换成margin-left或margin-right,数值按需调整。

  • 用容器div加padding
    不想直接修改表格样式的话,把每个表格套进div,给容器加padding来制造空白:

    <div style="padding-bottom: 50px;">
      <table style="display: inline-block;">
        <!-- 第一个表格内容 -->
      </table>
    </div>
    
    <div>
      <table style="display: inline-block;">
        <!-- 第二个表格内容 -->
      </table>
    </div>
    
  • 空div占位(简单直接)
    要是需要固定高度的空白区域,直接插一个设置了高度的空div:

    <table style="display: inline-block;">
      <!-- 第一个表格内容 -->
    </table>
    
    <div style="height: 60px;"></div>
    
    <table style="display: inline-block;">
      <!-- 第二个表格内容 -->
    </table>
    

注意:Power Apps的HTML控件只支持内联样式,别用外部样式表或者

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.13 01:35:25