超出部分点点点,并修改点点点颜色
生活随笔
收集整理的這篇文章主要介紹了
超出部分点点点,并修改点点点颜色
小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
一、單行文本、超出部分點(diǎn)點(diǎn)點(diǎn)
二、多行超出顯示
.over_two_line{text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical; }三、設(shè)置點(diǎn)點(diǎn)點(diǎn)的顏色,大小
本身是無法設(shè)置的,但是可以通過父級(jí)設(shè)置
效果圖:
代碼:?
<html><head><style>.over_one_line{display: block;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;}.box{width: 100px;color: #f00;font-weight: bolder;font-size: 20px;}.box span {color: #00f;font-weight: initial;font-size: 14px;}</style></head><body><div class="box over_one_line"><span>000100010001000100010001000100010001000100010001</span></div></body> </html>總結(jié)
以上是生活随笔為你收集整理的超出部分点点点,并修改点点点颜色的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 服务器执行MySQL耗时问题解决全过程
- 下一篇: 关于站内搜索的那些事儿