用這幾行**可以設定出後面的省略號
如果出現這種情況
下面有字露出，可以加上line-height:20px;
這樣就好了
-webkit-line-clamp
：number用於顯示的行數
用來限制在乙個塊元素顯示的文字的行數。 為了實現該效果，它需要組合其他的webkit屬性
display: -webkit-box：
必須結合的屬性
，將物件作為彈性伸縮盒子模型顯示 。
-webkit-box-orient：
必須結合的屬性 ，設定或檢索伸縮盒物件的子元素的排列方式 。預設是水平的，當值設為vertical時為垂直排列
text-overflow：可以用來多行文字的情況下，用省略號「...」隱藏超出範圍的文字 。
1.text-overflow 屬性規定當文字溢位包含元素時發生的事情。
text-overflow有三個屬性：
clip|ellipsis|string;值描述
測試clip
修剪文字。
測試ellipsis
顯示省略符號來代表被修剪的文字。
測試string
使用給定的字串來代表被修剪的文字。
這個還有帶有hover效果的text-overflow:具體效果**看
2.display:flex和display:box都可用於彈性布局，不同的是display:box是2023年的命名，已經過時，用的時候需要加上前
綴；display:flex是2023年之後的命名。在實際的測試中display:flex不能完全的替代display:box。
不考慮ie瀏覽器的話，pc端上使用哪個都可以，一般使用display:flex；移動端的安卓的uc只支援display:box，ios的ucdisplay:box和display:flex兩個都支援
css文字省略號
1,單行溢位，超出部分顯示 或者擷取。前提必須有寬度。css 擷取為clip width 300px overflow hidden text overflow ellipsis white space nowrap 但是這個屬性只支援單行文字的溢位顯示省略號，如果我們要實現多行文字溢位顯示省略號呢...
關於文字省略號 css篇
一 單行文字省略 width value white space nowrap overflow hidden text overflow ellipsis 二 多行文字省略 display webkit box display moz box white space pre wrap word w...
css 實現文字省略號 單行多行
在做移動端的專案時經常會遇到文字過長，塊級元素寬度不夠，造成折行的問題，產品會要求說根據寬度展示，超出部分用點號代替 做這種效果的時候會遇到單行展示和多行展示 單行示例 ellipsis single overflow hidden text overflow ellipsis white spac...