ノート[sample2]

昨日:9 今日:5 合計:29214 
▽2015/08/24(Mon)
長過ぎるタイトルなどをスタイルシートで省略して末尾を三点リーダー「・・・」にする方法を何度も忘れるのでメモしとこう【自分用】
スマホ(iPhone/Android)に対応
.contents{
overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:3;
}


【注意点】
webkitのみ

横幅の可変にも対応OKで行数は-webkit-line-clampの数値で指定する。
category:CSS/スタイルシート
タグ: CSS memo
ノートTOPへ
フッタメニュー
ALICE+
最下部の編集もできます