溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇“css怎么實現文本單行省略號和多行省略號效果”文章的知識點大部分人都不太理解，所以小編給大家總結了以下內容，內容詳細，步驟清晰，具有一定的借鑒價值，希望大家閱讀完這篇文章能有所收獲，下面我們一起來看看這篇“css怎么實現文本單行省略號和多行省略號效果”文章吧。
代碼如下：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
html,
body {
margin: 0;
padding: 0;
}
.wrapper {
width: 1000px;
padding: 50px 30px;
margin: 50px auto;
border-radius: 6px;
box-shadow: 0 0 12px rgba(0, 0, 0, .3);
}
.single-ellipsis {
width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.multiline-ellipsis {
display: -webkit-box;
word-break: break-all;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
overflow: hidden;
text-overflow: ellipsis;
}
</style>
</head>
<body>
<div class="wrapper">
<div class="single-ellipsis">
10支醫療隊共209名隊員，分別來自江蘇省75家和浙江省70家醫療衛生機構。江蘇省106名隊員分成5支隊伍支援石家莊市核酸檢測基地，浙江省103名隊員分別赴河北醫科大學第一醫院和邢臺市核酸檢測基地，協助開展核酸檢測工作。浙江醫療隊領隊姚強說，醫療隊實行24小時三班倒，晝夜不停完成核酸檢測任務。醫療隊員鄒陽子告訴記者，她的家人也是醫務人員，很支持她來河北，“希望能為河北省的疫情防控盡一份力”。
</div>
</div>
<div class="wrapper">
<div class="multiline-ellipsis">
10支醫療隊共209名隊員，分別來自江蘇省75家和浙江省70家醫療衛生機構。江蘇省106名隊員分成5支隊伍支援石家莊市核酸檢測基地，浙江省103名隊員分別赴河北醫科大學第一醫院和邢臺市核酸檢測基地，協助開展核酸檢測工作。浙江醫療隊領隊姚強說，醫療隊實行24小時三班倒，晝夜不停完成核酸檢測任務。醫療隊員鄒陽子告訴記者，她的家人也是醫務人員，很支持她來河北，“希望能為河北省的疫情防控盡一份力”。這幾天，華大基因的“火眼”實驗室引起了石家莊市民的關注。10日上午，記者來到河北體育館網球館的活動場，迎面可見十幾個聯排搭建的白色氣膜帳篷。透過窗戶，身著防護服的工作人員緊張有序工作的身影映入眼簾。作為土生土長的石家莊人，大學畢業后杜玉濤選擇到深圳工作。今年1月6日，位于深圳的華大基因集團決定派出經驗豐富的先遣隊馳援河北。杜玉濤主動請纓，獲準后帶隊連夜從深圳直飛北京，再開五個小時的汽車到達石家莊。
</div>
</div>
</body>
</html>
以上就是關于“css怎么實現文本單行省略號和多行省略號效果”這篇文章的內容，相信大家都有了一定的了解，希望小編分享的內容對大家有幫助，若想了解更多相關的知識內容，請關注億速云行業資訊頻道。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
