css如何控制輸出字數

css控制輸出字數的方法：先建立一個HTML範例檔；然後定義一些文字；最後透過css樣式「overflow:hidden;」和「text-overflow:ellipsis;」等來實現文字溢位顯示省略號效果即可。

本教學操作環境：windows7系統、HTML5&&CSS3版本、Dell G3電腦。

對於文字內容，字數限制問題有兩種常見的方法，最常見的是後台程式輸出的時候限制輸出字數，另一種則是前端使用css控製文字溢位。建議使用程式限製字數輸出。對於內容padding或元素溢出，這屬於css不規範和相容範疇。

下面列舉文字溢出出現省略號的css寫法：

{
overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:2;(这里是行数 你可以控制你想在第几行末尾多余的显示省略号，之前的文本正常显示)
}

拓展資料

CSS（層疊樣式表） 

層疊樣式表(英文全稱：Cascading Style Sheets)是一種用來表現HTML（標準通用標記語言的一個應用）或XML（標準通用標記語言的一個子集）等文件樣式的電腦語言。 CSS不僅可以靜態修飾網頁，還可以配合各種腳本語言動態地對網頁各元素進行格式化。 

CSS 能夠對網頁中元素位置的排版進行像素級精確控制，支援幾乎所有的字型字號樣式，擁有網頁物件和模型樣式編輯的能力。

推薦：《css影片教學》

以上是css如何控制輸出字數的詳細內容。更多資訊請關注PHP中文網其他相關文章！