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

この記事は 2017年9月9日に投稿されました。
内容が古いかもしれません。ご注意ください。
※最後に更新されたのは 2019年1月24日です。

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

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

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

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