CSS - Allign Images on page

on the site au.advfn.com/forex/charts私は現在、左に配置されている4つの株価チャートを中央揃えしようとしています。CSS - Allign Images on page

div id="container"

であり、私はこれを行うことができますどのように、CSSに非常に新しいですか？

2016-03-23 Barney Chambers

あなたは水平方向のスペースを埋めるために、jsfiddle.netそれは不可能だ –

でコードを共有することができますあなたはそれらを別々に整列しようとします。 1行に2つのチャートを保存することを選択できますが、そのソリューションは柔軟性がありません。 – 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が "1"

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

出典

2016-03-23 12:05:06 murli2308

私はそれを試していただきありがとうございます:)あなたの "text-aling"は "text-align"と言うべきでしょうか –

私の答えは 'text-align'です – murli2308

であるdiv要素を削除DIVにこれを追加します。

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

出典

2016-03-23 12:06:45

「1」のIDを右に浮かべてdivにして、それを移動してから"chart" cssクラスから（float：right）を削除し、（display：inline-block）を追加し、コンテナdivの後ろに<center>タグを追加します。以下のレンダリングを取得します。これらのチャートは、現在左に浮遊しているので、次のものが壊れる以下、いくつかのスペースに行く前

出典

2016-03-23 12:29:43

Hey @Khaled、平均 –

はい申し訳ありません私は絶対に場所を変更するか、適切な場合は、コンテナの下または上のhtmlの場所を変更することを意味します。 –

CSS - Allign Images on page

答えて

関連する問題