青草久久影院-青草久久伊人-青草久久久-青草久久精品亚洲综合专区-SM双性精跪趴灌憋尿调教H-SM脚奴调教丨踩踏贱奴

17站長(zhǎng)網(wǎng)

text-overflow 文字超出

text-overflow 文字超出

該屬性主要用來(lái)定義當(dāng)文字超出元素限定范圍內(nèi)之后,為了防止頁(yè)面混亂,對(duì)超出元素范圍的文字做的一個(gè)處理。

1. 官網(wǎng)定義

text-overflow 屬性規(guī)定當(dāng)文本溢出包含元素時(shí)發(fā)生的事情。

2. 解釋

text-overflow 用于設(shè)置當(dāng)文字內(nèi)容超過(guò)所在元素設(shè)定的范圍時(shí)候的展示效果。

3. 語(yǔ)法

.demo{
    text-overflow: clip|ellipsis|string;
}

屬性值說(shuō)明

說(shuō)明
clip超出內(nèi)容后裁剪
ellipsis文字溢出后使用在最后的結(jié)尾使用省略號(hào)
string使用給定的字符串來(lái)代表被修剪的文本

4. 兼容

IEEdgeFirefoxChromeSafariOperaiosandroid
allallallallallallallall

5. 實(shí)例

  1. 文字超出后裁剪內(nèi)容

<div class="demo">
    網(wǎng)css3屬性教學(xué) text-overflow。
</div>
.demo{
    height: px;
    width: px;
    overflow: hidden;
    white-space: Nowrap;
    text-overflow:clip ;
}

效果圖


編程之家


文字超出后裁剪內(nèi)容效果圖
  1. 文字超出元素后使用省略號(hào)。

<div class="demo">
    網(wǎng)css3屬性教學(xué) text-overflow。
</div>
.demo{
    height: px;
    width: px;
    overflow: hidden;
    white-space: Nowrap;
    text-overflow:ellipsis ;
}

效果圖


編程之家


文字超出元素后使用省略號(hào)效果圖
  1. 文字超出后使用 !。

<div class="demo">
    網(wǎng)css3屬性教學(xué) text-overflow。
</div>
.demo{
    height: px;
    width: px;
    overflow: hidden;
    white-space: Nowrap;
    text-overflow:"!" ;
}

效果圖


編程之家


文字超出后使用 `!`效果圖

說(shuō)明:只在火狐瀏覽器兼容。

6. 經(jīng)驗(yàn)分享

text-overflow這個(gè)屬性常常用來(lái)限制文字超出后我們?cè)趺慈ヌ幚沓龅倪@部分文字,通常是隱藏掉,這樣才不會(huì)破壞頁(yè)面的視覺(jué)效果,不會(huì)把文字堆積重疊到一起。

7. 小結(jié)

  1. text-overflow一定要和overflow: hidden;、white-space: Nowrap; 一起使用,不能單獨(dú)用。

  2. 這個(gè)屬性通常是在有設(shè)置寬度和高度的元素使用。

返回頂部
主站蜘蛛池模板: 起碰免费公开97在线视频 | 97免费人妻在线观看 | 国产偷国产偷亚洲高清app | 性欧美videofree中文字幕 | 青青草视频在线ac | xx69中国| 果冻传媒我的女老板 | 起碰免费公开97在线视频 | 另类重口bdsm日本tv | 123超碰在线视频 | 光棍天堂在线a | 俄罗斯大肥BBXX | 日本工口生肉全彩大全 | 花蝴蝶在线高清视频观看免费播放 | 麻花传媒MD0044视频 | 国产69TV精品久久久久99 | 女人和男人插曲视频大全 | 龙岩综合频道 | 香蕉人人超人人超碰超国产 | 国产精品免费一区二区区 | 2022年国产精品久久久久 | 国产午夜精品久久理论片 | 中国成人在线视频 | 国产成人在线视频免费观看 | jk制服啪啪网站 | 欧美黄色第一页 | 亚洲国产欧美日本大妈 | 美女脱得只剩皮肤 | 久久婷婷五月免费综合色啪 | 亚洲国产成人99精品激情在线 | 日本xxxxxxxxx老师59 | 在线欧美精品一区二区三区 | qvod伦理片 | 国产成人刺激视频在线观看 | 99久酒店在线精品2019 | 国产麻豆AV伦 | 亚洲最大成人 | 亚洲精品日韩在线观看视频 | 亚洲综合国产在不卡在线 | 久久久久久极精品久久久 | 久久国产精品久久国产精品 |