亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

標(biāo)題長(zhǎng)度溢出時(shí)，自動(dòng)顯示為省略“...”的Css text-overflow

  發(fā)布時(shí)間：2011-07-27 16:34:03   作者：佚名   我要評(píng)論
內(nèi)容超出后自動(dòng)隱藏并加省略標(biāo)記(...)引號(hào)的Css text-overflow:ellipsis; o...


復(fù)制代碼
代碼如下:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<style tyep="text/css">
.my_css {
overflow:hidden;
word-break:keep-all;
white-space:nowrap;
text-overflow:ellipsis;
width:120px;
height:20px;
font-size:12px;
}
</style>
</HEAD>
<BODY>
<div class="my_css"><a title="內(nèi)容超出后自動(dòng)隱藏并加省略標(biāo)記(...)引號(hào)的Css" href="#">內(nèi)容超出后自動(dòng)隱藏并加引號(hào)的Css</a></div>
</BODY>
</HTML>

Css文檔：

版本：IE6+專有屬性

語(yǔ)法：
text-overflow : clip | ellipsis
取值：
clip  :  默認(rèn)值。不顯示省略標(biāo)記(...)，而是簡(jiǎn)單的裁切
ellipsis  :  當(dāng)對(duì)象內(nèi)文本溢出時(shí)顯示省略標(biāo)記(...)


說(shuō)明：
設(shè)置或檢索是否使用一個(gè)省略標(biāo)記(...)標(biāo)示對(duì)象內(nèi)文本的溢出。
這個(gè)屬性僅僅作用于水平內(nèi)聯(lián)方向的，普通的西方文本的溢出。內(nèi)聯(lián)溢出發(fā)生在行內(nèi)的文本超出可用寬度卻沒(méi)有換行機(jī)會(huì)的時(shí)候。
要強(qiáng)制溢出發(fā)生并且應(yīng)用 ellipsis 值，作者必須設(shè)置對(duì)象的 white-space 屬性值為 nowrap 。
假如沒(méi)有換行機(jī)會(huì)(例如，對(duì)象容器的寬度是狹窄的，而內(nèi)有很長(zhǎng)的沒(méi)有合理斷行的文本)，沒(méi)有應(yīng)用 nowrap 也有可能溢出。
為了使 ellipsis 值被應(yīng)用，此屬性必須被設(shè)置到具有不可視區(qū)域的對(duì)象。最好的選擇是設(shè)置 overflow 屬性為 hidden 。設(shè)置 overflow 屬性為 scroll 或者 auto 時(shí)，此屬性也會(huì)應(yīng)用。但是會(huì)有滾動(dòng)條出現(xiàn)。
通過(guò)選擇省略標(biāo)記，隱藏的文本可以被選擇。當(dāng)選擇發(fā)生時(shí)，省略標(biāo)記會(huì)隱藏而被文本替換。
此屬性為在DHTML中制作省略標(biāo)記提供了高效的方法。
此屬性對(duì)于 currentStyle 對(duì)象而言是只讀的。對(duì)于其他對(duì)象而言是可讀寫的。
對(duì)應(yīng)的腳本特性為 textOverflow 。

相關(guān)文章

最新評(píng)論