CSSテキストがdivまたはspan_html/css_WEB-ITnoseを超える場合、省略記号が表示されます

長すぎるテキストを表示し、余分な部分を省略記号として表示する必要があることがよくあります:

アイデアは次のとおりです:

最初に幅を設定し、次に余分な部分を非表示にします
余分な場合は表示します最後の省略記号
テキストを折り返さないようにします

具体的な CSS コードは次のとおりです:

.title{

width:200px;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
word-break:keep-all;

}

HTML コードを記述する必要はなく、div または span class = "title" だけを記述します。