2015-03-13 70 views
-2

enter image description hereGoogle Chart HTML定位

我試圖把三個谷歌餅圖放在一行。現在我已經將CSS設置爲內聯了。出於某種原因,第三張圖表會轉到下一行。我究竟做錯了什麼?

回答

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

這爲我工作

1

首先,你爲什麼要試圖將其中一些絕對定位,然後另一個不是? 專注於定位元素的一種方式。在這種情況下,我會將它們浮動,或者將它們嵌入「塊」中。

嘗試添加下列到他們每個人,或者替換爲以下:

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

只是一個權宜之計是應該做的工作。

+0

對不起。談到CSS,我不是最棒的。但是我查找了一個解決方案,並且上面發佈的內容對我有用! – 2015-03-13 15:59:55

+0

總是有100條要做1件事情:) 但是,再次嘗試添加顯示:inline-block;對他們全部以30%的寬度。 如果你浮動,你必須清除浮動之後,否則你會幸運地遇到下一個元素 – 2015-03-13 16:01:32

+0

的定位問題,這是我必須在頁面上顯示的唯一的東西。除了下面的桌子。表格已經正確顯示,就像我想要的那樣。感謝您的幫助! – 2015-03-13 16:06:13