css超过一定宽度显示点点

文本溢出处理方法在CSS中主要有两种，即clip和ellipsis。

其中，clip方式表示直接裁切文本，不显示省略标记（...），但使用时需要配合overflow:hidden和height属性生效。此方法虽然简单直接，但实际应用中意义不大，因此通常不会重点使用。

另一种方法是ellipsis，其作用是当文本溢出时显示省略标记（...）。此方法需配合overflow:hidden和white-space:nowrap使用才能生效。

对于多行文本溢出显示点点的需求，适合在WebKit浏览器或移动端页面中实现。通过WebKit的CSS扩展属性-webkit-line-clamp，可以限制块元素中显示的文本行数。实现此效果时，需要结合display: -webkit-box和-webkit-box-orient属性，将对象作为弹性伸缩盒子模型显示，并设置子元素的排列方式。同时，结合text-overflow: ellipsis属性，可以实现多行文本超出范围时，用省略号“…”隐藏超出的部分。