在web開發過程中，常常會遇到要讓佈局中的某些文本根據寬度來顯示，如果超過最大寬度仍然顯示不完的，就顯示爲省略號的情況，添加下面的CSS樣式表就能實現這種效果，但是這種效果只適用於單行顯示的文本。
首先給用於放文本的標籤元素設置一個寬度值，並設置溢出屬性overflow爲溢出隱藏,設置文本縮略的樣式爲"..."
width: 245px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
效果圖
CSS設置多餘的文本顯示省略號
發表評論
所有評論
還沒有人評論，想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章
position:absolute下，top:0,right:0,bottom:0,left:0 結合margin:auto的作用（讓明確寬高的盒子水平垂直居中於父元素）
絕對定位 + margin，讓明確寬高的盒子水平垂直居中於窗口 <!DOCTYPE> <html> <head> <meta charset="UTF-8"> <meta name="vie
幾個簡單的css動畫
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="wi