Css文章超過顯示

如果你想在CSS中控制文章超過一定長度時如何顯示，你可以使用媒體查詢和視口單位（vw）來實現。

首先，你可以設定一個默認的樣式來處理較短的文本，例如：

```css

.article {

/* 默認樣式 */

}

```

然後，你可以使用媒體查詢和視口單位來處理較長的文本。視口單位（vw）是一個相對單位，它基於視口的大小。你可以使用它來創建一個超過一定長度的文本的樣式。例如，如果你想當文本超過5行時顯示省略號，你可以這樣做：

```css

@media (min-width: 0) {

.article:nth-child(n+6) {

overflow: hidden;

white-space: nowrap;

text-overflow: ellipsis;

}

}

```

上面的代碼表示，當元素（這裡我們使用`.article`類名）的寬度大於或等於視口寬度的6倍時，它將套用額外的樣式。nth-child選擇器表示選取第7個及以後的元素。overflow、white-space和text-overflow屬性分別控制內容溢出時的行為，內容換行時的行為以及省略號的位置。

這只是一個簡單的示例，你可以根據需要進行修改和擴展。另外，如果你使用的是一個前端框架或庫（如Bootstrap），它通常會有內置的方法或類來處理文本的滾動或超長顯示。

以上就是【Css文章超過顯示】的相關內容，敬請閱讀。