<style>
/** 長文本顯示...美化 **/
.long {
vertical-align:middle;
text-align:center;
word-break: break-all;/*分行*/
/*white-space: nowrap;不換行用這個*/
overflow:hidden; /*超出部分省略號顯示*/
text-overflow:ellipsis; /*省略號顯示*/
display:-webkit-box;
-webkit-text-overflow:ellipsis; /*兼容*/
-webkit-box-orient:vertical;
-webkit-line-clamp:2; /*顯示2行*/
}
/** 滾動條美化代碼 **/
::-webkit-scrollbar-track-piece {
background-color: #fff;
-webkit-border-radius: 0
}
::-webkit-scrollbar {
width: 10px;
height: 10px
}
::-webkit-scrollbar-thumb {
height: 50px;
background-color: #b8b8b8;
-webkit-border-radius: 6px;
outline: 2px solid #fff;
outline-offset: -2px;
border: 2px solid #fff;
filter: alpha(opacity = 50);
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
opacity: 0.5
}
::-webkit-scrollbar-thumb:hover {
height: 50px;
background-color: #878987;
-webkit-border-radius: 6px
}
</style>
滾動條美化
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
- 文/潘曉璐 我一進(jìn)店門硝皂，熙熙樓的掌柜王于貴愁眉苦臉地迎上來，“玉大人作谭，你說我怎么就攤上這事稽物。” “怎么了折欠？”我有些...
- 文/不壞的土叔 我叫張陵贝或，是天一觀的道長。 經(jīng)常有香客問我锐秦，道長咪奖，這世上最難降的妖魔是什么？ 我笑而不...
- 正文 為了忘掉前任酱床，我火速辦了婚禮羊赵，結(jié)果婚禮上，老公的妹妹穿的比我還像新娘斤葱。我一直安慰自己慷垮，他們只是感情好，可當(dāng)我...
- 文/花漫 我一把揭開白布揍堕。 她就那樣靜靜地躺著料身，像睡著了一般。 火紅的嫁衣襯著肌膚如雪衩茸。 梳的紋絲不亂的頭發(fā)上芹血，一...
- 文/蒼蘭香墨 我猛地睜開眼聚霜，長吁一口氣：“原來是場噩夢啊……” “哼狡恬！你這毒婦竟也來了珠叔？” 一聲冷哼從身側(cè)響起，我...
- 正文 年R本政府宣布绘沉，位于F島的核電站，受9級特大地震影響豺总，放射性物質(zhì)發(fā)生泄漏车伞。R本人自食惡果不足惜，卻給世界環(huán)境...
- 文/蒙蒙 一喻喳、第九天 我趴在偏房一處隱蔽的房頂上張望另玖。 院中可真熱鬧，春花似錦表伦、人聲如沸谦去。這莊子的主人今日做“春日...
- 文/蒼蘭香墨 我抬頭看了看天上的太陽鳄哭。三九已至，卻和暖如春纲熏，著一層夾襖步出監(jiān)牢的瞬間妆丘，已是汗流浹背。 一陣腳步聲響...
推薦閱讀更多精彩內(nèi)容
- 問題描述 目前做的項目是vue+elementUI的PC端項目 原生滾動條真的有點不能直視 解決過程 測試了eas...
