CSS3 text-overflow 屬性

2018-11-22 10:27 更新

實例

使用 text-overflow 屬性:

div.test
{
text-overflow:ellipsis;
}

親自試一試

頁面底部有更多實例。

瀏覽器支持

IE Firefox Chrome Safari Opera
         

所有主流瀏覽器都支持 text-overflow 屬性。

定義和用法

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

默認值: clip
繼承性: no
版本: CSS3
JavaScript 語法: object.style.textOverflow="ellipsis"

語法

text-overflow: clip|ellipsis|string;
描述測試
clip修剪文本。測試
ellipsis顯示省略符號來代表被修剪的文本。測試
string使用給定的字符串來代表被修剪的文本。 

親自試一試 - 實例

帶有 hover 效果的 Text-overflow
本例演示當光標浮動到元素上時如何顯示全部文本。

相關頁面

CSS3 教程:CSS3 文本效果

以上內容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號