凡例に関する混乱 tag_html/css_WEB-ITnose

ある日、本当にレジェンドタグに絡まれることになるとは思いませんでした。

私は codepen でオリジナルのデモを書きました:

http://codepen.io/myqianlan/pen/RPaxGJ

凡例が右揃えになっていることがわかりますが、マージン右は有効になっていません。

なぜ?なぜ?

私は本当に困惑したので、問題を探して QQ グループに助けを求めましたが、その結果、誰も私のことを気にしてくれなかったか、私の扱い方が間違っていたようでした。 . 静かにしていたかった。

Jingjing は私の疑問を解決できません。 。原因を探るために探求を続けるしかありません。

混乱の中で、あるテキストが私の注意を引きました

http://www.w3schools.com/tags/tag_legend.asp 下

そうですか

OK、ほとんどのブラウザの凡例のデフォルト スタイルはブロックです。 ！ ！

ブロックを右揃えにできるのはなぜですか?ブロックがインラインブロックと同じスペースを占有するのはなぜですか?インラインにリセットできますか?一連の質問により、私は自分でテストしてみました。

何度もテストした結果、ある状況を発見しました:

凡例タグ ブラウザのデフォルトはブロック要素であり、CSS はそれをインライン要素に変更できません (ブラウザごとに実装が異なりますが、最初の凡例は重要ではありません。)変更され、両方ともブロックになります) が、その占有率は inline-block と同じです。 Chrome では text-align に応答できますが、これはバグであり、標準ではないと思います。

はは、なんだこのレジェンドタグは！

最後に、元のデモの効果を実現したい場合は、float を使用します。

この問題について、なぜ私はこれほど長い間悩んでいるのですか? 私が言いたいのは、「私は真剣ではない、ただ理由を知りたいだけなのです!」ということです。