Question

我在这里要做的是在同一行显示几个画布。我尝试显示内联但它无法正常工作。它仍然每行显示一个。

<div>
   <p>Camera</p>
   <canvas class='camera' width='50' height='50'>
</div>

<div>
   <p>Multimedia</p>
   <canvas class='multimedia' width='50' height='50'>
</div>

这是我在样式标签中包含的内容

<style>
    .canvas{
       display:inline-block;}
</style>

Answer 1

删除CSS选择器前面的句号。

应该阅读canvas {而不是.canvas {

后者选择一个类，而前者选择实际的标签。

此外，还要为<div>和<p>代码指定inline或inline-block样式。默认情况下，它们是块元素。

Answer 2

你可以做这样的事情

div {
    display:inline-block;
}

在同一行显示画布

2 个答案:

Fiddle