3

Webkit ブラウザーの凡例タグは、プロパティ以外blockのスタイルを受け入れないようです。noneCSS display

ここにHTMLがあります

<legend>I should display as an inline block</legend>
<div>I should be on the same line</div>

そして、これがCSSです（スタイル以外のものを入れてくださいblock）nonedisplay

legend {
    display: inline-block;
    background: black;
    color: white;
    -webkit-margin-top-collapse: separate;
}

div {
    display: inline-block;
    background: blue;
    color: white;
}

このfiddle でわかるように、凡例タグは常にブロックとしてスタイル設定されます。

ここに画像の説明を入力

-webkit-margin-top-collapse: separateまた、を適用したにもかかわらず、 quirk にもかかわらず webkit の凡例タグにマージンを適用できることもわかりますが、問題は解決しません。

これはバグだと思いますが、 legend を検索してもバグのリストには表示されませんが、回避する方法を知っている人はいますか?

4

1 に答える 1

2

次の CSS で凡例と div を並べて表示することができました。

legend {
    background: black;
    color: white;
    float:left;
}
div {
    display: inline;
    background: blue;
    color: white;
}

http://jsfiddle.net/vhNbd/4/

于 2013-05-13T14:04:38.640 に答える