CSS文本超出省略號,即指當文本溢出元素容器的范圍時,通過CSS手段將超出部分隱藏,并用省略號“…”代替文本末尾的內容。該效果常用在文章標題、導航菜單等地方。
.text { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
上述代碼中,我們通過設置元素容器的overflow屬性為hidden,將超出范圍的部分隱藏起來。同時,將white-space屬性設置為nowrap,避免文本換行,保證文字豎向顯示。最后,使用text-overflow屬性指定省略號的樣式為ellipsis,即三個點。
需要注意的是,該屬性只適用于單行文本超出隱藏,并不支持多行文本。
上一篇mysql+日期加減n天
下一篇css文本行間距代碼