css解决方案
文章平均质量分 76
何以为皇
这个作者很懒,什么都没留下…
展开
-
CSS实现文本超出显示省略号
一、实现单行文本省略/* 原理:设置文字不换行,溢出后隐藏,截断显示省略符 */.ellipsis { width: 400px; background-color: pink; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}<p class="ellipsis">Lorem ipsum dolor sit amet, brute idque noster at nam. Et vix原创 2021-11-18 18:40:30 · 468 阅读 · 0 评论 -
项目中遇到的问题总结
2021-03-16更新1.旋转元素遇到的问题想要某块元素实现旋转,通常情况下使用css的transform属性设置rotate(角度deg)即可。如下div{ // 使用transform旋转 transform: rotate(30deg); -ms-transform: rotate(30deg); /* IE 9 */ -webkit-transform: rotate(30deg); /* Safari and Chrome */}但是这个旋转属性默认都是以自身原创 2021-03-16 09:47:28 · 568 阅读 · 0 评论 -
Vue3 新特性如何在CSS中使用JS变量
一、getComputedStyle() 用法document.defaultView.getComputedStyle(element[,pseudo-element]);或者window.getComputedStyle(element[,pseudo-element]);首先是有两个参数,元素和伪类。第二个参数不是必须的,当不查询伪类元素的时候可以忽略或者传入 null。使用示例:let my_div = document.getElementById(“myDiv”); let s转载 2021-01-14 14:29:03 · 5191 阅读 · 5 评论 -
关于css中after和before伪类的用法
一、介绍css3为了区分伪类和伪元素,伪元素采用双冒号写法。常见伪类——:hover,:link,:active,:target,:not(),:focus。常见伪元素——::first-letter,::first-line,::before,::after,::selection。::before和::after下特有的content,用于在css渲染中向元素逻辑上的头部或尾部添加内容。这些添加不会出现在DOM中,不会改变文档内容,不可复制,仅仅是在css渲染层加入。所以不要用:before转载 2020-12-25 10:41:12 · 584 阅读 · 0 评论