![](https://img-blog.csdnimg.cn/1d60477a900f4e63bfe84aec88c011c1.jpeg?x-oss-process=image/resize,m_fixed,h_224,w_224)
CSS
css样式
西门吹雪~
心怀浪漫宇宙,珍惜人间日常
展开
-
CSS 小技巧:纯Css实现hover默认高亮显示
很多人的第一反应是用js来控制样式,如果css能实现的功能,就没必要使用js啦,这里主要涉及css的。2.鼠标移出列表后仍然保留上一次的选中状态;在vue项目中,可以参考一下demo。3.默认列表的第一项为选中状态;1.鼠标滑过触发选中状态;原创 2023-04-10 16:55:08 · 11319 阅读 · 1 评论 -
css省略、Css实现单行、多行文本溢出显示省略号 …以及H5常见省略场景
#####场景一:对文案显示字数没有要求:直接css控制省略单行文本的溢出显示省略号//一行省略.one-line{ overflow: hidden; text-overflow:ellipsis; white-space: nowrap}//两行省略.two-line{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; //元素显示的文本的行原创 2022-02-09 16:39:42 · 9655 阅读 · 2 评论 -
CSS实现水平、垂直居中的6种方式
1.块级元素和行内元素2.水平居中和垂直居中3行内元素的水平居中 1.table 2.设置line-height 3.text-align:center 4.margin:0 auto; 5.绝对定位 6.flex弹性盒模型 7.calc 8.auto<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8">原创 2020-11-22 23:18:53 · 11263 阅读 · 10 评论 -
如何CSS-画0.5px的线,解决IOS移动端兼容性问题
**如何CSS-画0.5px的线,解决IOS移动端兼容性问题##**设计师在做设计图的时候都是以iphone6(宽为750物理像素)为基准进行设计的。iphone6的设备像素比(即css像素与物理像素的比例)是2,所以设计师在设计图画了边框为1px的box的时候,相对于css代码来说就是0.5像素。如果用css直接设置边框为0.5px,这种情况下iPhone可以正常显示,但是android下几乎所有的浏览器都会把0.5识别为0,即无边框状态,所以这种方式行不通的。在这里插入代码片<!DOCTY原创 2020-11-21 20:51:28 · 8752 阅读 · 4 评论