如何安排多个画布?

时间:2014-03-03 10:47:00

标签: html5 css3 jquery-mobile

我正在尝试在我的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>

如果您认为在这种情况下使用网格是一个坏主意,请分享一个更好的逻辑来获得结果。

0 个答案:

没有答案