CSS知識點不定時更新

text-overflow 屬性：

用法及常用屬性

div.test
{
text-overflow:ellipsis;
}

clip：修剪文本。
ellipsis：顯示省略符號來代表被修剪的文本。

帶hover的text-overflow

div.test
{
white-space:nowrap; 
width:12em; 
overflow:hidden; 
border:1px solid #000000;
}

div.test:hover
{
text-overflow:inherit;
overflow:visible;

此例中將鼠標放置div.text元素上將顯示全部文本

最后編輯于 ：
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明：文章內容（如有圖片或視頻亦包括在內）由作者上傳并發布，文章內容僅代表作者本人觀點，簡書系信息發布平臺，僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • 選擇qi：是表達式 標簽選擇器 類選擇器 屬性選擇器 繼承屬性： color，font，text－align，li...
    wzhiq896閱讀 1,803評論 0贊 2
  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案？ 參考答案 (1)瀏覽器兼容問題一：不同瀏覽器的標簽默認的外補...
    _Yfling閱讀 13,796評論 1贊 92
  • 選擇qi：是表達式 標簽選擇器 類選擇器 屬性選擇器 繼承屬性： color，font，text－align，li...
    love2013閱讀 2,335評論 0贊 11
  • 1.塊級元素和行內元素 塊級(block-level)元素；行內(內聯、inline-level)元素。 塊元素的...
    饑人谷_小侯閱讀 2,047評論 1贊 4
  • 最近小朋友和我斷續看旅行紀錄片《穿行新西蘭》和《一路向南》，當然主要是我喜歡，他跟著看熱鬧，他喜歡里面的lowri...
    章魚遠閱讀 181評論 0贊 0