text-overflow: ellipsis; を正しく機能させるために、一般的に必要とされるプロパティの組み合わせはどれか?
解説
text-overflow: ellipsis; は、それ単体では省略記号(…)を表示しません。機能させるには以下の3つのプロパティを組み合わせる必要があります。.truncate { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }それぞれの役割は次のとおりです。overflow: hidden; は、要素のボックスからはみ出したテキストを非表示にします。white-space: nowrap; は、テキストの折り返しを禁止し、1行に収めます。text-overflow: ellipsis; は、はみ出して非表示になった部分があることを省略記号で示します。word-break や word-wrap はテキストの折り返し制御に関するプロパティであり、text-overflow の動作条件とは関係ありません。また、max-width の指定だけでは overflow や white-space が設定されないため、省略記号は表示されません。