問題タブ [centering]

以下を作成したいと思います。

ここで、「x」のブロックは画像​​であり、「a」、「b」、「1」、および「2」はテキストです。

これまでの私の2つの試みは次のとおりです。

生成するもの：

と

生成するもの：

私はextjsを使用していて、単純な問題を解決しようとしています。固定幅のフォームがあります。このフォームを通常のExt.Panel内の中央に配置したいと思います。私はこれを「css-way」にしようとしています-左右のマージンを「auto」に設定します。

しかし、これは機能しません。マージンは無視されているようです。

コード：

センタリングに関する質問と回答が不足しているわけではありませんが、フローティングを含む特定の状況を考えると、それを機能させることができませんでした.

3 つのフローティング入力要素 (分割ボタン、テキスト、チェックボックス) を含むコンテナー DIV を中央に配置して、ページのサイズが大きく変更されたときに、次のようにします。

これに

それらは問題なく浮かびますが、ページを広くすると左にとどまります。

入力要素が横並びではなく積み重ねられるようにフロートを削除すると、次のようになります。

その後、ページのサイズが変更されたときに正しく中央に配置されます。SO コンテナ内の DIV#hbox の要素に適用されている float が、センタリングを台無しにしています。 フロートが機能するように設計されているため、私がやりたいことは不可能ですか?

これが私の DOCTYPE で、マークアップは w3c で検証されます。

ここに私のマークアップがあります:

そして、これが（機能しない）CSSです：

また、display: inline-blockをフローティング ボタン、テキスト入力、およびチェックボックスに適用してみました。テキストのみに適用されると思いますが、SO でここで見た投稿に基づいて、 #term1-container DIV にwhite-space: nowrapを適用してみました。

もう少し完全にするために、分割ボタンを作成する jQuery を次に示します。

IE 5、6、7、8、およびFFで表示が正しくなるように、divのコンテンツを中央に配置しようとしています。

私のCSSはシンプルです：

予想どおり、これにより画像とテキストが FF の中央に表示されます。

IE5 では、画像は左揃えになります。次のように、テキストも 1 行に 1 単語だけで左揃えになります。

このように
表示されます 。

IE 6 には上記と同じ問題があります。

IE 7 にも同じ問題があるようですが、div の周りに境界線を配置すると、コンテンツが境界線からはみ出します。

IE8 で正しく表示されるようになりました

これについての助けは素晴らしいでしょう。私は CSS をよりよく学ぼうとしていますが、この問題の複雑さをまだ理解できていません。

ページ上のすべての要素を拡大する方法を見つけようとしていますが、拡大の中心をウィンドウの中心に保ちます。

このページでは、画像がウィンドウの上部または左側に達すると、拡大の中心が変わります。画像を動かすと変化します。（まさにあなたが期待するもの）

私が望むものを達成するには、まったく異なるアプローチを取る必要があると考えています。しかし、私はそのアプローチが何であるかわかりません..

何か案は？

グラフの各行を中央に揃える必要があります。私はxshiftでそれをやろうとしています。ここにコード：

それを行う他の方法はありますか？毎回 xshift 値を変更するのは好きではありません。

ラテックスの空白のページに引用があります。なんとか水平方向に中央揃えにしましたが、垂直方向に中央揃えしようとすると問題が発生します。私が試してみました

ただし、機能しません。

2 つの画像と次のようなテキストを表示する必要があります。

• img1 と img2 は同じサイズではありませんが、幅は非常に近いです
• テキストは、表示されるページによって異なり、1 行ではなく 2 行含まれる場合があります。
• テキストは、2 つの画像の間、またはコンテナーの外側の間で水平方向に中央に配置する必要があります (どちらでもかまいません)。
• テキストと画像は、コンテナー内の垂直方向の中央に配置する必要があります。

私はこれをテーブルで非常に簡単に行うことができますが、レイアウトのためにそれに後退したくありません. position:inline-blockおよび属性はdisplay:table-cell、一部のブラウザーではうまく機能しますが、IE6+ をサポートする必要があります。

これは難しいことではありません...私はメニューといくつかのコンテンツを中央に配置された液体のdivでラップしています。コンテンツは絶対的に配置されます。私がやりたいのはセンター＃content-containerだけです。ここで何が欠けていますか？

私のサイトhttp://hungryathome.netのナビゲーションバーは、 FirefoxおよびIE8標準モードで正しく中央に配置されません。IE7互換モードとChromeで適切に中央に配置されます。

奇妙なことに、div（id = "navlinks"）のマージンを4px以上に設定すると、適切に中央に配置されます。それより少ないと、わずかに中心から外れます。Firebugで値を前後に変更しましたが、混乱を招きます。なぜそれが起こっているのかについての説明はありますか？