テキストオーバーフローを使用してハイフネーションを防ぐ方法
<p>一部のタイトルに最大行数を設定しようとしていますが、問題は、行がハイフンで終わる場合があることです。私が必要とするのは、単語を分割する必要がある場合、その単語を完全に非表示にし、省略記号を前の単語の後に配置する必要があることです。 </p>
<p>このコードは問題を示しています: </p>
<p>
<pre class="brush:css;toolbar:false;">#head {
幅:300ピクセル;
フォントサイズ: 20px;
表示: -webkit-box !重要;
色: #000000 !重要;
テキストオーバーフロー: 省略記号 !重要;
-webkit-line-clamp: 4 !重要;
-webkit-box-orient: 垂直方向 !重要;
オーバーフロー: 非表示!重要;
}</pre>
<pre class="brush:html;toolbar:false;"><!DOCTYPE html>
<html>
<div id="ヘッド">
Lorem Ipsum は、印刷および植字業界の単なるダミー テキストです。Lorem Ipsum は、無名の印刷業者が活字のゲラをスクランブルして作成した 1500 年代以来、業界の標準ダミー テキストです。
</div>
</html></pre>
</p>
<p>「ever」という単語に切れ目があるのですが、どうにかしてこれを防ぐことはできますか? </p>
