CSS
This luckly boy
有点小社恐的前端,分享一些自己在项目中遇到的小问题。
展开
-
Css pointer-events: none 属性说明:
1、pointer-events: none 去除鼠标事件 pointer-events: auto 恢复除鼠标事件 用途,当我们想恢复定位下面按钮的点击事件时可以用到这个属性用法: 给定位的盒子设置 pointer-events: none ;给定位盒子有需要点击事件的子盒子设置 pointer-events: auto;这样就能解决 部分场景下的问题,如下图 购物车的固定定位盒子遮挡住下面的按钮,这种场景下就可以用到这个属性注:Opera在SVG中支持该属性但是HTML中不支持...原创 2022-07-17 18:58:58 · 629 阅读 · 0 评论 -
CSS 文本超出两行显示省略号
// 文本超出两行显示省略号 注:如果设置了 弹性布局 display:flex; 那么下面的的css设置将不起作用div { width: 300px; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }// 单行文本超出显示省略号div { width: 300.原创 2022-07-10 22:35:00 · 3144 阅读 · 0 评论