![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
qq_36934775
这个作者很懒,什么都没留下…
展开
-
css超过几行显示省略号
1.超过一行省略: { overflow: hidden; text-overflow: ellipsis; word-break: break-all; } 2.超过2行的 { overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; /* 数值代表显示几行 */ -webkit-box-orient: vertical; word-原创 2021-03-30 09:11:40 · 253 阅读 · 0 评论 -
显示隐藏
下面2中方法都能实现显示和隐藏 1.display:none:html元素的宽高等各属性都将“丢失”,不在文档中占位,浏览器也不会解析这些元素 2.visibility:hidden:html元素只在视觉上看不见(完全透明),而它占据的空间位置仍然存在,仍具有宽高等属性值 注意:对jQuery中的show()来显示元素,只对1有效对2无效,而且2比1的性能好。 ...原创 2018-11-06 10:14:52 · 190 阅读 · 0 评论 -
css常用样式
去除select的默认样式 select{ border:none; appearance:none; -moz-appearance:none; -webkit-appearance:none; } 注意:appearance属性: 1.所有主流浏览器都不支持 appearance 属性。 2. Firefox 支持替代的 -moz-appearance 属性。 3. Safa...原创 2019-02-20 10:56:36 · 168 阅读 · 0 评论 -
css link和@import区别用法
参考链接:http://www.divcss5.com/rumen/r431.shtml 两者都是引入css到html @import就相当于css样式,引入的时候有2中方法: 1、直接在html中 <style type="text/css"> @import url(css文件路劲地址) </style> 2直接在css中引用: @import url(cs...原创 2019-04-23 14:20:34 · 102 阅读 · 0 评论