0

レスポンシブにする必要があるWebサイトがあります。

流動的で、サイズを変更できないコンテナー内にフローティング div を持つ包含 div がありますが、それらを中央にとどめ、等間隔にしたいと考えています。誰でもアイデアはありますか？最初は 3 列で、2 列から 1 列に減少します。

.container {width:100%; text-align:center;}
.qitem{display:block;text-align:left;float:left;width:320px; height:300px}
.qitem:nth-child(odd) {margin-right:1%;margin-left:10%;}
.qitem:nth-child(even){margin-right:10%;margin-left:1%;}
4

2 に答える 2

2

これはうまく機能します 

 .qitem{display: inline-block;text-align:left;float:none;width:320px; height:300px}
于 2013-02-01T16:52:22.717 に答える
-1

サイトが現在オンラインである場合、レスポンシブ デザインのような一般的な問題に対して独自のソリューションを実装しないことをお勧めします。CSS フレームワークを使用して作業を行います。ここでは、必要に応じて選択できる 8 つの優れた CSS フレームワークを示します。

http://webdesignledger.com/tools/8-useful-responsive-css-frameworks

フレームワークを使用できない場合は、次の前の質問をご覧ください。

ウェブサイトをレスポンシブにする最速の方法は?

于 2013-02-01T16:09:43.747 に答える