<div>jQueryを使用して画面の中央にaを設定するにはどうすればよいですか?

私は<div>それ自体でラインになりたいと思っています。W3Schoolsによると、このルール:

...これを意味する必要があります：

「左側にも右側にも浮動要素は許可されていません。」

ただし、2 つの<div>要素を左にフロートさせ、上記のルールを最初の要素に適用すると、2 番目の要素は動きません。

一方、"clear: left"2番目に適用する<div>と、次の行に移動します。これは私の通常のアプローチですが、なぜこのようにしなければならないのかわかりません。

上記の W3Schools の説明は不十分ですか、それとも何か不足していますか? 消去ルールは、それが適用されている要素のみを移動できますか?

答え

良い説明をしてくれた Michael S と John D に感謝します。Warrenは CSS2の仕様を指摘し、それが私がこの回答を見つけた場所です (強調は私のものです):

このプロパティは、要素のボックスのどの辺が 以前のフローティング ボックスに隣接していない可能性があるかを示します。

そのclearため、コードの前に表示される要素に対して、それが適用される要素の位置にのみ影響します。

他のdivを下に移動するように指示できないのは残念です<div>が、それらは休憩です。:)

私は次のhtmlを持っています

そして私が持っているCSSで

リンクの上にマウスを置くと、色が変化して太字になることを除いて、すべてがうまく機能しますが、これは私が望むものですが、他のすべての li 要素もわずかに移動し、マウスをオフにすると元に戻ります. これが起こらないようにする簡単な方法はありますか？

<div>通常、 のような要素はコンテンツに合わせて大きくなりますが、このfloatプロパティを使用すると、CSS の初心者には驚くべき問題が発生する可能性があります。フローティング要素にフローティングでない親要素がある場合、親は折りたたまれます。

例えば：

この例の親 div は、そのフローティングされた子を含むように展開されませんheight: 0。

この問題をどのように解決しますか？

ここで、ソリューションの完全なリストを作成したいと思います。ブラウザ間の互換性の問題を認識している場合は、指摘してください。

解決策 1

親をフロートします。

長所: セマンティック コード。
短所：常に親を浮かせたいとは限りません。やるとしても、親の親などを浮かしますか？すべての祖先要素をフロートする必要がありますか?

解決策 2

親に明示的な高さを与えます。

長所: セマンティック コード。
短所: 柔軟性がありません。コンテンツが変更されたり、ブラウザーのサイズが変更されたりすると、レイアウトが崩れます。

解決策 3

次のように、親要素内に「スペーサー」要素を追加します。

長所: コードは簡単です。
短所: セマンティックではありません。スペーサー div は、レイアウトのハックとしてのみ存在します。

解決策 4

親を に設定しoverflow: autoます。

長所: 余分な div は必要ありません。
短所: ハックのようです - それはoverflowプロパティの目的ではありません。

コメント? 他の提案？

コンテナJCheckboxesのレイアウトJPanelをGridLayout(3, 1, 1, 1). プログラムを実行すると、JCheckBox 間の垂直方向のスペースが大きすぎます。1ピクセル以上のように見えます。レイアウト内の JCheckbox 間の垂直方向のスペースを 1 ピクセルに設定したので、これらの JCheckbox 間の垂直方向のスペースを減らすにはどうすればよいでしょうか?

ありがとう。

特定のコンテナ内のコントロールのタブ順序のみを上書きできます。

コントロールの配置に使用される包含に関係なく、たとえばUserControlのすべてのコントロールにわたってこれを指定する方法はありますか？

乾杯、

1月

広告を隠すのではなく、メニューと myspace のリンクを隠すために、コンテンツをページの上部にプッシュするにはどうすればよいですか? http://www.myspace.com/sensesfailとhttp://www.myspace.com/attackx2のようなことをしたい。ありがとう。

複雑なダイアログがあり、空白がいっぱいで、縮小できません。Designer では、動的に非表示になる多くのコンポーネントと、動的に追加されるいくつかのコンポーネントがあります。サイズ ポリシー、サイズ ヒント、および最小サイズのダンプを追加しましたが、Qt でサイズを小さくドラッグできない理由がまだわかりません。

これをトラブルシューティングするためのツールまたは手法が必要です。

共有してください。

使用可能なすべての水平方向のスペースを埋めるアイテム（具体的には、Label、TextBlock、またはTextBox）を作成しようとしています。ToolBarTrayからツールバーを取り出すことで、ToolBar自体を伸ばすことができましたが、アイテムを伸ばす方法がわかりません。

幅をパーセナテージまたはスターの値に設定しようとしましたが、それを受け入れません。さまざまな場所でHorizo​​ntal（Content）AlignmentをStretchに設定しても効果がないようです。

私は Flex でこの問題に 1 年近く遭遇してきましたが、そのたびに当分の間機能する簡単なハック ソリューションを考え出しています。誰かがより良いアイデアを持っているかどうかを確認したいと思います。

問題の条件は次のとおりです。

問題は、私が望んでいることとは反対に、親の明示的な高さに固執してスクロールバーを作成するのではなく、VBox が常にその内部のコンテンツに対応するように拡張されることです。

私の解決策は、親への参照でハードコードすることでした（または、パーセンテージではなく明示的に設定された値を見つけるために表示リストのはるか上に行く必要があります）。

これをユーティリティクラスで使用することも検討しました：

もっと良い方法があることを教えてください。