34

以下が同じ行に続くように、要素内display: inline;の要素に適用しようとしていますが、CSS は効果がありません。<legend><fieldset><span>

legend{
    display: inline;
}
span {
    display: inline;
}
<fieldset>
    <legend>Legend</legend>
    <span>Follower</span>
</fieldset>

JSFiddle

編集

私は HTML を制御できません。CSSしか編集できない

4

2 に答える 2

33

伝説は特別です。特に、デフォルトのレンダリングは CSS で記述できないため、ブラウザは非 CSS レンダリング手段を使用します。つまり、静的に配置された凡例は凡例のように扱われ、フィールドセットの実際のコンテンツから分離されます。

奇妙なことはそれだけではありません。スパンと凡例の順序を逆にしても、ほとんどのブラウザーでは凡例が一番上に表示されます (ただし、Opera ではそうではないようです)。

于 2011-04-28T14:13:46.017 に答える
23

display: inline凡例はまたはを受け入れませんdisplay: inline-blockが、指定することはでき、float: left希望するものと同様に表示されます。

于 2015-05-28T17:45:36.827 に答える