在許多時候,網頁的排版往往需要將長文本進行縮略顯示,顯示過程中需要用到CSS中的省略號。
那么什么是CSS中的省略號呢?簡單來說,就是用來代替過長文本的一種處理方式,即在文本超出容器寬度時,用省略號來表示
.box { width: 200px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
在以上代碼中,.box是要被處理的元素,我們給它設置了寬度為200px,超出的部分將隱藏。同時,還需要設置overflow屬性為hidden,來控制文本的超出部分不被顯示。
除此之外,我們還需要設置text-overflow屬性為ellipsis,即在文本超出部分用省略號“…”代替。white-space屬性則是為了避免在文本換行之后產生新的問題。
總的來說,CSS中的省略號可以很好地幫助我們處理長文本在頁面中的顯示,使得頁面排版更美觀,更易讀。
上一篇flash軟件macos
下一篇java注解和接口的關系