CSS – 「马马虎虎」 https://www.gek6.cn 极客蜗牛-开发效率很慢的... Tue, 04 Jul 2023 07:12:08 +0000 zh-Hans hourly 1 https://wordpress.org/?v=6.6.2 https://www.gek6.cn/wp-content/uploads/2021/12/20211205200322145-32x32.png CSS – 「马马虎虎」 https://www.gek6.cn 32 32 CSS实现单行、多行文本溢出显示省略号 https://www.gek6.cn/css%e5%ae%9e%e7%8e%b0%e5%8d%95%e8%a1%8c%e3%80%81%e5%a4%9a%e8%a1%8c%e6%96%87%e6%9c%ac%e6%ba%a2%e5%87%ba%e6%98%be%e7%a4%ba%e7%9c%81%e7%95%a5%e5%8f%b7/ https://www.gek6.cn/css%e5%ae%9e%e7%8e%b0%e5%8d%95%e8%a1%8c%e3%80%81%e5%a4%9a%e8%a1%8c%e6%96%87%e6%9c%ac%e6%ba%a2%e5%87%ba%e6%98%be%e7%a4%ba%e7%9c%81%e7%95%a5%e5%8f%b7/#respond Tue, 04 Jul 2023 07:12:08 +0000 https://www.gek6.cn/?p=153 单行 
overflow: hidden;

text-overflow:ellipsis;

white-space: nowrap;
多行
display: -webkit-box;

-webkit-box-orient: vertical;

-webkit-line-clamp: 3;

overflow: hidden;
适用范围：

因使用了WebKit的CSS扩展属性，该方法适用于WebKit浏览器及移动端；

]]> https://www.gek6.cn/css%e5%ae%9e%e7%8e%b0%e5%8d%95%e8%a1%8c%e3%80%81%e5%a4%9a%e8%a1%8c%e6%96%87%e6%9c%ac%e6%ba%a2%e5%87%ba%e6%98%be%e7%a4%ba%e7%9c%81%e7%95%a5%e5%8f%b7/feed/ 0 CSS-MP4背景透明化 https://www.gek6.cn/css-mp4%e8%83%8c%e6%99%af%e9%80%8f%e6%98%8e%e5%8c%96/ https://www.gek6.cn/css-mp4%e8%83%8c%e6%99%af%e9%80%8f%e6%98%8e%e5%8c%96/#respond Thu, 21 Jul 2022 06:02:24 +0000 https://www.gek6.cn/?p=94 mix-blend-mode

该属性描述了元素的内容应该与元素的直系父元素的内容和元素的背景如何混合

用法：

video {
  mix-blend-mode: screen;
}

MDN传送门

]]> https://www.gek6.cn/css-mp4%e8%83%8c%e6%99%af%e9%80%8f%e6%98%8e%e5%8c%96/feed/ 0