IEで3行にテキストを切り捨て

Question

私は、複数の行にまたがるコンテンツを持つ単純なスパンタグを持っていますが、3行でそれをキャップし、省略記号（...）をフォローする方法を理解しました

問題は、IE11ではうまくいかず、私がしたいことです。ここに私のコードです：

HTML：

<span class="itemLabel"> 
    This is Line 1<br/> 
    This is Line 2<br/> 
    This is Line 3<br/> 
    this is Line 4<br/> 
    this is Line 5<br/> 
</span> 

CSS：

.itemLabel{ 
    overflow: hidden; 
    display: -webkit-box; 
    -webkit-line-clamp: 3; 
    -webkit-box-orient: vertical; 
    font-size: 11px; 
} 

今すぐスパンの内容を動的に移入されているので、私は量のZEROコントロールを持っていますこのスパンを囲むアンカータグと製品画像に180pxの幅が設定されているため、単に「多くの改行タグを使用しない」ことはできません。それら例として、5つの行が存在しても、CSSはスパンを最大3で切断します。

IEで同じ表示を実現するにはどうすればよいですか？

Answer 1

クロスブラウザのソリューションは存在しないため、私はユーザーフレンドリーなデザインでテキスト出力を制限するいくつかの種類の方法が必要でした。バックエンド[データベース]は、情報、タイトル、著者、価格の3つの別個の可能な部分をエクスポートする（問題は、タイトルおよび/または著者が複数の行に実行されることであった）。

私が得た解決策は、これらの3つの情報を3つの別々のスパンに分割し、各行にワードラップ/省略記号のクロスブラウザソリューションを適用することでした。私はこれをクライアントに提示し、限界を説明し、この解決策でうまくいきました。

UI/UXとレスポンシブデザインの新しい進歩については、IE/Edgeがますます少なくなりつつあるようです。私たちの最後のチェックは、顧客の3％だけが依然としてIE/Edgeを選択したブラウザとして使用していたことでした。