css処理単行テキスト&複数行テキストオーバーフロー省略
3248 ワード
/* */
p {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
/* ( )
, , png 。
IE6/7 after content, ;
*/
p {
position: relative;
line-height: 1.5em;
/* * , , 3*/
height: 3em;
overflow: hidden;
}
p:after {
content: "...";
position: absolute;
bottom: 0;
right: 0;
background-color: #fff;
}
/* ( )
WebKit ( WebKit ) , :
*/
ellipsisLn() {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3; // 3
}