如何在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控件只支持内联样式,别用外部样式表或者
相关产品推荐
相关产品推荐

