设置元素为块级元素display:block,设置元素宽度width,设置overflow：hidden,设置文本溢出显示状态text-overflow:ellipsis; white-space是否在容器边界换行，nowrap不换行。
{ display:block; width:200px; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; -webkit-text-overflow:ellipsis; -moz-text-overflow:ellipsis; white-space:nowrap; }在webki浏览器或移动端（绝大部分是webkit内核的浏览器）页面可以直接使用webkit的css扩展属性（webkit是私有属性）-webkit-line-clamp。
-webkit-line-clamp 用来限制在一个块元素显示的文本的行数。
常见结合属性：
display:-webkit-box; 必须结合的属性，将对象作为弹性伸缩盒子模型显示。
-webkit-box-orient 必须结合的属性，设置或减少伸缩盒对象的子元素的排列方式。
text-overflow：ellipsis; 可以用来多行文本的情况下，用省略号“ ... ”隐藏超出范围的文本。
{ width:200px; word-break:break-all; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden;}{ width:200px; height:60px; line-height:20px; position:relative; overflow:hidden; &:after{ content: "..."; position: absolute; bottom: 0; right: 0; padding: 0 20px 1px 5px; background: #ffffff; }}注意：以上写法是less的语法。
Apakah perisian tayangan perdana
Mengapa saya tidak boleh mengakses penyemak imbas Ethereum?
python dibungkus ke dalam fail boleh laku
Perbezaan antara UCOS dan linux
apa maksud os
0x00000006 Apa yang perlu dilakukan jika pencetak tidak dapat disambungkan?
Senarai ranking aplikasi perisian dagangan sepuluh mata wang teratas
Bagaimana untuk menyelesaikan masalah yang Ethernet tidak dapat menyambung ke internet
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
