代理加盟 2019全新代理計劃 賺錢+省錢雙管齊下,獨立平臺,豐厚利潤!

您現在的位置: 秀站網 > 站長學院 > 建站教程 >

CSS3超過寬度顯示省略號...

來源:未知 發布時間:2019-03-30熱度:我要評論
在寫WEB前端代碼時,有些CMS會能按照意愿控制字數多少,在自適應頁面設置的時候就方便了,使用CSS樣式 p.title{ width:200px; height:60px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} 第三句是文字超過了規定的寬度高度則隱藏,雖然對搜索引擎沒...

織夢模板免費下載,無需注冊無需充值

       在寫WEB前端代碼時,有些CMS會能按照意愿控制字數多少,在自適應頁面設置的時候就方便了,使用CSS樣式

p.title{
 width:200px;
 height:60px;
 overflow:hidden;
 white-space:nowrap;
 text-overflow:ellipsis;
}

       第三句是文字超過了規定的寬度高度則隱藏,雖然對搜索引擎沒什么影響,但對用戶不友好,造成閱讀障礙,影響點擊。

       第四句text-overflow屬性,規定當文本溢出包含元素時發生的事情。有三個屬性

clip 修剪文本
ellipsis 顯示省略符號來代表被修剪的文本
string 使用給定的字符串來代表被修剪的文本

       上面案例會在超過限制寬度后顯示省略號“...”,這個屬性屬于CSS3,主流瀏覽器都支持。IE低版本的就不支持了,如果想IE6/IE7/IE8支持CSS3,參考文章《IE6/IE7/IE8瀏覽器支持CSS3》

本文地址:http://www.alolpiu.com.cn/news/1328.html

責任編輯:秀站網

    發表評論

    評論列表(條)

      新时时彩中奖怎么查