Google Chart HTML定位

Question

我试图把三个谷歌饼图放在一行。现在我已经将CSS设置为内联了。出于某种原因，第三张图表会转到下一行。我究竟做错了什么？

Answer 1

.column-left{ float: left; width: 33%; } 
.column-right{ float: right; width: 33%; } 
.column-center{ display: inline-block; width: 33%; } 

这为我工作

Answer 2

首先，你为什么要试图将其中一些绝对定位，然后另一个不是？ 专注于定位元素的一种方式。在这种情况下，我会将它们浮动，或者将它们嵌入“块”中。

尝试添加下列到他们每个人，或者替换为以下：

style="height:auto; width:30%; display:inline-block; margin-right:1%;" 

只是一个权宜之计是应该做的工作。