0

無線入力とリンクの間の間隔が最初の要素と他の 2 つの要素で異なる理由がわかりません。

HTMLは次のとおりです。

<div class="citationChoice">    
    <label for="mla">
        <input type="radio" name="citation" value="mla" id="mla_button" checked="checked">
        <a href="javascript:void(0);" id="mla_text">MLA</a>
    </label> 

    <label for="apa">
        <input type="radio" name="citation" value="apa" id="apa_button"> 
        <a href="javascript:void(0);" id="apa_text">APA</a>
    </label> 

    <label for="chicago">
        <input type="radio" name="citation" value="chicago" id="chicago_button"> 
        <a href="javascript:void(0);" id="chicago_text">Chicago Manual of Style</a>
    </label> 
</div>

jsフィドル

何らかの理由で、CSS が適用されていない場合、mla ラジオ ボタンは、他のラジオ ボタンが隣接するリンクよりも MLA リンクに近くなります。

(HTML が完全に正しいわけではないことは承知しています。可能であれば、HTML をそのままにしておく必要があります。)

4

1 に答える 1

2

前にスペースが<aあり、jsfiddle がそれを解釈していました。最初の MLA リンクにはこのスペースがありませんでした。そのため、ラジオ ボタンの近くに配置されていました。

前 -

id="apa_button"> <a

修正後 -

id="apa_button"><a
于 2013-06-19T20:52:33.080 に答える