html - IE はコンテンツに基づいて要素の配置を変更します

Question

スパンコンテンツの先頭にドットが <span>.filename</span>含まれている場合、Internet Explorer はそれらをリフローしません。

ドットを削除せずに IE リフロースパンを作成する方法は?

PS<span>に変更した場合は<li>問題が残ります。

score 2 · Accepted Answer

IEがそのように動作する理由はわかりませんが、あなたの場合は試してみることができます

span {
    display:inline-block;
}

score 2 · Accepted Answer

はい、あなたが正しい。これは間違っているように見えます。

span簡単な解決策は、要素の表示タイプをに変更することinline-blockです。

フィドルに次を追加します。

span {
    display:inline-block;
}

...CSS パネルで。これにより、IE が期待どおりに動作するようになります。ここで更新されたフィドルを参照してください。

実際には問題は解決しません。それはそれを回避するだけですが、あなたのフィドルに関する限り、問題は解決します。

実際のサイトでも機能することを願っています (機能するはずですが、明らかにページレイアウトに依存します。inline動作inline-blockが異なるため、いくつかの奇妙なエッジケースが存在する可能性があります)。

3 に答える 3