Question

我有3个div（Div 1，Div 2，Div 3）以及div中的画布。所以我想在Div 2中设置#canvasDiv。我已经尝试了但是#canvasDiv ID睡了以及第1和第1 Div 3位于上方。

我想在一行中设置所有div，画布div应该在Div 2（中心）。

请看小提琴 -

https://jsfiddle.net/8mm2bc2b/2/

提前致谢。

Answer 1

您可以采取以下方式：对vertical-align:top和div1使用div3，这样就不会失败。并将canvas div放在div2中。

＆＃13;

#canvasDiv {
     width: 300px;
     height:200px;
     margin: 0px auto;
   }

＆＃13;

<div style="text-align:center;">
    <div style="border:1px solid #000; display:inline-block;height:200px; vertical-align: top;">Div 1</div>
    <div style="border:1px solid red; display:inline-block;height:200px; width:300px;">Div 2
    <div id="canvasDiv"  >
<canvas id="myCanvas"    style="border:1px solid #000000;"></canvas> 
</div>
    </div>
    <div style="border:1px solid red; display:inline-block;height:200px;vertical-align: top;">Div 3</div>
</div>
<br/>

＆＃13;

检查Fiddle Here.

如何在屏幕中心对齐的div中设置画布

1 个答案: