将画布和文本框放在同一行上

Question

我想将40x40画布，一个文本框和另一个40x160画布按顺序放在同一行，但它似乎确实有效，这就是我想出的：

<span><canvas id="color" width="40" height="40"></canvas></span>
<span><input type="text" id="rbg_value" /></span>
<span><canvas id="color_picker" width="160" height="40"></canvas></span>

但是当我这样做时，第一个画布就在它自己的行上，文本框和另一个画布在一条线上。有什么想法可能是什么？

Answer 1

试试这个，

<table cellpadding="0" cellspacing="0" border="0" width="300"><tr><td width="40">
<canvas id="color" width="40" height="40"></canvas>
</td><td width="100">
<input type="text" id="rbg_value" />
</td><td width="160">
<canvas id="color_picker" width="160" height="40"></canvas>
</td></tr></table>