CSS属性

• pointer-events：可用来控制元素如何响应鼠标事件。

pointer-events属性有以下几个可能的值：

auto：元素会按照正常的方式响应鼠标事件。

none：元素不会响应鼠标事件，鼠标事件会穿透到元素下方的元素。

visiblePainted：元素会响应鼠标事件，但只有在元素的可见部分上。

visibleFill：元素会响应鼠标事件，但只有在元素的填充区域上。

visibleStroke：元素会响应鼠标事件，但只有在元素的描边区域上。

all：元素会响应鼠标事件，包括在元素的透明区域上。

pointer-events属性的兼容性可能会因浏览器而异，可在需要使用该属性的元素上进行测试和兼容性处理。

超过长度时显示省略号（…），文本溢出显示点点点，实现文本截断并显示省略号

/* 设置元素的宽度和超出隐藏 */

.user-info {

  width: 200px;
  white-space: nowrap; /* 不允许文本换行 */
  overflow: hidden; /* 超出的内容隐藏 */
  text-overflow: ellipsis; /* 超过长度时显示省略号 */

}