單行文字出現省略號必備的條件(面試題)
阿新 • • 發佈：2020-11-04
單行文字出現省略號必備的4個條件缺一不可:
- width寬度(不寫寬度預設繼承父元泰的寬度)
- overflow:hidden溢位隱臧
- white-space:nowrap;強制不折行
- text-overtlo:ellipsis;文字隱藏的方式:以省略號的方式隱臧
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title></title> 6 <style type="text/css"> 7 .content{ 8width: 600px; 9 overflow: hidden; 10 white-space: nowrap; 11 text-overflow: ellipsis; 12 } 13 </style> 14 </head> 15 <body> 16 <div class="content">欄目概述:①平面設計是什麼?平面設計需要學什麼?平面設計軟體有哪些?ps,AI,cdr為設計師常用做圖軟體,欄目分享設計師構圖經驗與素材網站網址.②web前端如何學?前端開發語言有哪些?前端需要學什麼?欄目分享html,css,js,h5/css3,jQ和響應式網站設計及前端專案框架開發工具.③cms程式網站是什麼?cms程式如何建站?怎樣建設cms程式網站?欄目分享織夢dedecms仿站和wordpress部落格搭</div> 17 </body> 18 </html>