スタイルシートで指定した表示領域内に文字を省略し、最後に省略符号「…」を表示します。
通常時
テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
省略時
テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
|
1 2 3 4 5 6 7 |
.tof { width: 300px; white-space: nowrap; text-overflow: ellipsis; -webkit-text-overflow: ellipsis; overflow: hidden; } |
width: 300px; 表示領域
white-space: nowrap; 折り返しを禁止
text-overflow: ellipsis; 「…」を表示
-webkit-text-overflow: ellipsis; webkit系用
overflow: hidden; 表示領域外を非表示
コメントを残す