排版的時候，若文字的長度不一樣，網頁預設會分行，如果後來的行數有的多有的少，版面可能就看起來不整齊，想要讓文字超過區塊長度就自動省落成 ...，我們可以使用 text-overflow 這個屬性。
使用方法比較特別，需要以下三個屬性搭配才能使用：
white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
注意這個屬性只有單行能使用，而且必須在 display: block 之下的才可以，有依照此規則的話，文字超過區塊長度的話就會自動省略為 ... 了。
想要多行也能有類似的效果，可以使用 -webkit-line-clamp ，設定要保留的行數，可以在 webkit 的瀏覽器下使用，但目前應該是大多數的瀏覽器都????用這個數性，但必須搭配其他屬性像以下這麼做：
display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;
《PChome雜誌》攜手 5 位在 AI 領域的專業講師，打造上述 6 堂實用課程，教你學會時下最好用的 AI 工具，導入生成式 AI 來產製工作內容，改造並升級你的工作流程。
輸入折扣碼 ZERO2024 還可以額外獲得 NT$400 優惠喔。
讓學員瞭解有效地使用該工具來加速開發流程、提高程式碼品質和生產力。課程重點放在以 JavaScript 程式語言為例，介紹 Copilot 的基本原理、使用方法和最佳實踐。
輸入折扣碼 TC1456JA 還可以額外獲得 NT$500 優惠喔。
掌握Clipchamp AI的操作技巧，靈活運用Clipchamp AI進行影片編輯和創作，實現創意表達和傳播目的。
輸入折扣碼 TC1451JAN 還可以額外獲得 NT$500 優惠喔。
Looker Studio除了可協助使用者監控網站流量、廣告成效、選擇匯入資源的管道之外，還可以將數據資料多平台整合、數據報表即時更新、數據範本可重複套用的效益，透過自動化系統，將數據全部匯入同一個報表平台，是企業不可或缺的重要工具。
輸入折扣碼 TC1270JIA 還可以額外獲得 NT$500 優惠喔。
