文章をどうにかして1行に収めたい時に使えるCSS
1 2 3 4 5 6 |
.shortcut { width: 220px; /* 文字を表示する横幅 */ white-space: nowrap; /* 改行させなくする */ overflow: hidden; /* widthで指定した値からはみ出た文字を隠す */ text-overflow: ellipsis; /* …をつける */ } |
文章をどうにかして1行に収めたい時に使えるCSS
1 2 3 4 5 6 |
.shortcut { width: 220px; /* 文字を表示する横幅 */ white-space: nowrap; /* 改行させなくする */ overflow: hidden; /* widthで指定した値からはみ出た文字を隠す */ text-overflow: ellipsis; /* …をつける */ } |
コメントを残す