CSS - 網頁上的Allign圖像

網站上au.advfn.com/forex/charts我想中心 - allign當前被左對齊的四個股票圖表。CSS - 網頁上的Allign圖像

裏有div id="container"

我很新的CSS，我該怎麼辦呢？

2016-03-23 Barney Chambers

你可以分享你的代碼jsfiddle.net –

這是不可能的，因爲這些圖表目前浮到左邊，填補了水平空間的下一個去下面的一些空間，這將打破之前的時候你嘗試以不同的方式對齊它們。您可以選擇每行保留兩個圖表，但這種解決方案不會靈活。 – klaar

嘿@klaar，謝謝你的建議。什麼是解決這個問題的最好方法？ –

.center { 
    margin: auto; 
    width: 100%; 
    border: 0px solid #000000; 
    padding: 5px; 
}

來源

2016-03-23 12:01:49

雖然這個答案可能是正確和有用的，但如果你[包括一些解釋一起]（http://meta.stackexchange.com/q/114762/159034）來解釋它如何幫助解決這個問題，它是首選。如果存在導致其停止工作並且用戶需要了解其曾經工作的變化（可能不相關），這在未來變得特別有用。謝謝！ – Hatchet

CSS改變

#container { 
    float: left; 
    width: 950px; 
    background: #FFFFFF; 
    text-align: center; 
} 
div.chart { 
    width: 338px; 
    margin-right: 15px; 
    margin-bottom: 21px; 
    display: inline-block; 
}

和刪除的div id爲「一」

<div id="one"></div>

來源

2016-03-23 12:05:06 murli2308

謝謝我會試試:)，如果你的「文字排版」說「文字排列」 –

編輯我的答案是「文字排列」 – murli2308

如果你的圖表是在一個div它添加到一個div：

#divwithcharts{ 
    width: x; //your width 
    margin:auto; 
}

來源

2016-03-23 12:06:45

你有一個「一」id浮動權的div，將其移開，然後從「chart」css類中刪除（float：right），添加（display：inline-block），然後在容器div後面添加<center>標籤。那麼你會得到下面的渲染。

來源

2016-03-23 12:29:43

嘿@Khaled，當你說「移走它」時，你會怎樣意思是 –

是的抱歉，我的意思是將位置更改爲絕對位置，或者如果它適合，請更改容器下方或上方的html位置。 –

CSS - 網頁上的Allign圖像

回答

相關問題