多行文字出現省略號必備的條件(面試題)
阿新 • • 發佈:2020-11-04
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title></title> 6 <style type="text/css"> 7 .box{ 8 width: 600px; 9 /*多行文字出現省略號必備的條件:主要用在移動端手機頁面*/ 10 display: -webkit-box;/*彈性盒模型*/ 11 -webkit-box-orient: vertical;/*規定元素的排列方式:垂直排列*/ 12 -webkit-line-clamp: 2;/*文字的行數,需要顯示幾行值就寫幾*/ 13 overflow: hidden;/*溢位隱藏*/ 14 } 15 </style> 16 </head> 17 <body> 18 <div class="box">欄目概述:①平面設計是什麼?平面設計需要學什麼?平面設計軟體有哪些?ps,AI,cdr為設計師常用做圖軟體,欄目分享設計師構圖經驗與素材網站網址.②web前端如何學?前端開發語言有哪些?前端需要學什麼?欄目分享html,css,js,h5/css3,jQ和響應式網站設計及前端專案框架開發工具.③cms程式網站是什麼?cms程式如何建站?怎樣建設cms程式網站?欄目分享織夢dedecms仿站和wordpress部落格搭</div> 19 </body> 20 </html>