JQuery 是一個 JavaScript 庫,包含了豐富的函數和方法,可以幫助我們更加方便地操作 HTML 元素和 DOM。
當文本內容過長時,為了美觀和節約空間,我們可能需要將其溢出隱藏,這時候就可以使用 jQuery 來實現這個效果。
// 設置文本溢出隱藏 $(document).ready(function(){ $("p").css("overflow", "hidden"); $("p").css("-webkit-line-clamp", "2"); // 如果需要限制行數,可以設置該屬性 $("p").css("-webkit-box-orient", "vertical"); });
在上面的代碼中,我們使用了 CSS 的 overflow 屬性來控制文本溢出隱藏,使用了 -webkit-line-clamp 和 -webkit-box-orient 來限制行數和垂直方向排列。
通過這種方式,我們可以輕松地實現文本溢出隱藏的效果,讓頁面變得更加美觀、簡潔。