不做前端非常久了。今天從重構師那裡了解到css3已經能夠實現非常多以往必須通過js才幹實現的效果。如漸變，陰影，自己主動截斷文字展示省略號等等強大效果，並且這些功能日漸成熟，已經大量用於生產環境。
h5真的日漸成熟了，得惡補下了。
下面分享實現指定文字超出部分以省略號展示的demo：
>例如以下圖：.text1
.text2
style
>
class
="text1">熱賣精選：從子頻道（服飾鞋包。親子，居家。美妝）檔期裡面挑選出來，庫存大於30%的高信價比商品list，數量為50個div>
/>
class
="text2">熱賣精選：從子頻道（服飾鞋包，親子，居家，美妝）檔期裡面挑選出來，庫存大於30%的高信價比商品list。數量為50個div>
css3樣式文字超出隱藏
overflow hidden 超出的文字隱藏 text overflow ellipsis 溢位用省略號顯示 white space nowrap 溢位不換行 一行內容 overflow hidden 超出的文字隱藏 text overflow ellipsis 溢位用省略號顯示 display ...
css3 布局 文字
它主要應用在文字的多列布局方面，這種布局在報紙和雜誌上都使用了幾十年了，但要在web頁面上實現這樣的效果還是有相當大的難度，慶幸的是，css3的多列布局可以輕鬆實現 語法 columns 多列布局columns屬性引數主要就兩個屬性引數 列寬和列數。引數 引數說明 主要用來定義多列中每列的寬度 主要...
css3邊框,文字
css3邊框屬性 border radius圓角 瀏覽器 internet explorer 9 firefox chrome 以及 safari box shadow盒陰影 瀏覽器 internet explorer 9 firefox chrome 以及 safari border image邊...