在寫WEB前端代碼時,有些CMS會能按照意愿控制字數(shù)多少,在自適應頁面設置的時候就方便了,使用CSS樣式
p.title{ width:200px; height:60px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
第三句是文字超過了規(guī)定的寬度高度則隱藏,雖然對搜索引擎沒什么影響,但對用戶不友好,造成閱讀障礙,影響點擊。
第四句text-overflow屬性,規(guī)定當文本溢出包含元素時發(fā)生的事情。有三個屬性
clip 修剪文本 ellipsis 顯示省略符號來代表被修剪的文本 string 使用給定的字符串來代表被修剪的文本
上面案例會在超過限制寬度后顯示省略號“...”,這個屬性屬于CSS3,主流瀏覽器都支持。IE低版本的就不支持了,如果想IE6/IE7/IE8支持CSS3,參考文章《IE6/IE7/IE8瀏覽器支持CSS3》