CSS 超出部分顯示省略號

時間 2019-11-08

標籤 css 超出部分顯示省略號欄目 CSS 简体版

原文原文鏈接

直接看代碼：html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>desktop demo</title>
  <style>
    .app {
      width: 400px;
      height: 28px;
      line-height: 28px;
      margin: 50px 0 0 50px;
      border: 1px solid red;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }
  </style>
</head>
<body>
  <div class="app">
    <span class="content">你問我爲什麼時常沉默，有的人無話可說，有的話無人可說.你問我爲什麼時常沉默，有的人無話可說，有的話無人可說.</span>
  </div>
</body>
</html>

果圖：
app

關鍵點：spa

white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;

1. CSS 超出部分顯示省略號
2. css 超出部分，顯示省略號
3. css 超出部分顯示省略號
4. CSS省略號text-overflow超出溢出顯示省略號
5. css文字超出顯示省略號
6. css超出兩行顯示省略號
7. css多行超出顯示省略號
8. CSS控制文字，超出部分顯示省略號
9. css設置文字超出部分顯示省略號。。。
10. css/js 超出部分顯示省略號
更多相關文章...
• 使用 CSS 顯示 XML - XML 教程
• ADO 顯示 - ADO 教程
• 使用阿里雲OSS+CDN部署前端頁面與加速靜態資源
• Git五分鐘教程

相關標籤/搜索