[CSS]text-overflow:ellipsisの指定について、Internet ExplorerとEdgeではエラーが起こる件

相変わらずのマイクロソフト勢

WordPressサイトの構築時、記事タイトルを文字数制限するのに text-overflow:ellipsisを利用していた時のこと。

日付とカテゴリで改行する見た目で組み立てたら、IEとEdgeで「…」が出ない。
とにかくbrタグでも1行目がdisplay:blockであっても2行になってたら続き文字が出せない模様。
お前らまたか。

対策

文字を隠したい1行だけspanタグで囲んでそこにはみ出しのスタイルを適用して対処した。これしかなかった。
Microsoft勢早くこの世からなくなってください!!