21

CSS に float center がないことがわかり、少しがっかりしました。しかし、その理由を自問せずにはいられません。多くの人がこれをコンテンツのセンタリングに使用したいと考えていますが、私はこれを使用して動的なページ サイズの行に一連のブロックをフロートさせたいと考えていました。残念ながら、フロート センターがないと、片側に余分なスペース (完全なブロックの一部が収まらない場合) があるため、見栄えが悪くなります。このプロパティが欠落しているために float の意図された使用が損なわれるのは悲しいことです。

フロートセンターがない理由がわかりません。技術的な理由や、標準にフロートセンターが含まれていない理由があるのではないかと考えていました。

4

4 に答える 4

11

を使用する代わりに、個々の要素float: leftで使用display: inline-blockし、コンテナを中央に配置します。

http://jsfiddle.net/ExplosionPIlls/rAkNY/5/

于 2013-03-11T03:58:24.680 に答える
4

はい、フロートセンター/ミドルはありません.W3Cが答えを持っているかもしれません.

タグはありますが<center>なくなりました。

<center>タグは HTML 4 で廃止され、使用するといくつかの問題が発生します。HTML 中心の要素はブラウザによって表示が異なる場合があり、タグを使用するとページの読み込み時間が長くなる可能性があります。また、 を頻繁に使用すると、サイトの再設計が複雑になります。何百ものタグを削除すると、スタイルシート内の 1 つのスタイル ルールを変更するよりもはるかに時間がかかります。

このタグは何年も前に公式に廃止されましたが、下位互換性機能により、ほとんどのブラウザーで今でも認識されています。ええ、あなたが何かをするなら、それは中央に置かれます。ただし、将来を保証するために、代わりに最新の CSS センタリング メソッドを使用する必要があります。

使用するmargin:0 auto;

何か他のものを中央に配置する場合は、margin: 0 auto; ほとんどの場合、要素が中央に配置されます。(簡単な注意: これが機能するには、要素に宣言された幅が必要です。)

マージン: 0 auto; rule は、0 の上マージンと下マージン、および自動の左マージンと右マージンの省略形です。左右の自動余白が連携して要素をコンテナの中央に押し込みます。

于 2013-03-11T03:40:25.377 に答える
3

フロートはコンテンツ フローから要素を取り出し、可能な限り左/右に配置するため、フロート センターはありません。フロート自体は物を横に動かすだけです。この最後の部分は 100% ではありませんが、印刷物と関係があると思います。フロートのアイデアは印刷業界から取り入れられたことを知っています。

于 2013-03-11T03:58:28.293 に答える