我正在尝试在我的phonegap移动应用程序的屏幕上安排多个画布。在这里我使用gridview来安排画布,但我得到所有画布附加。我希望这些画布之间有固定的差距。 我通过以下方式完成了:
<div class="ui-grid-b" style="width:100%;">
<div class="ui-block-a"><canvas id="canvas" width="100%" height="100%" style="background: #bababa;"></canvas></div>
<div class="ui-block-b"><canvas id="canvas" width="100%" height="100%" style="background: #bababa;"></canvas></div>
<div class="ui-block-c"><canvas id="canvas" width="100%" height="100%" style="background: #bababa;"></canvas></div>
<div class="ui-block-a"><canvas id="canvas" width="100%" height="100%" style="background: #bababa;"></canvas></div>
<div class="ui-block-b"><canvas id="canvas" width="100%" height="100%" style="background: #bababa;"></canvas></div>
</div>
如果您认为在这种情况下使用网格是一个坏主意,请分享一个更好的逻辑来获得结果。