
css
文章平均质量分 94
杰~JIE
WEB开发半桶水工程师,记录日常开发经历!如有技术问题,可私信或加q:1356573671!!!
展开
-
CSS 中的 white-space 渲染模型
在编写 HTML 时,我们经常会通过换行来使代码易于阅读。但是如果我们文本进行换行,就会导致页面中多出一个空格。如: 在文本中间插入换行符 在文本中间插入换行符 另外,我们在编写文本时,如果在文本中间插入一个空,在页面中就会多出一个空格。但是如果连续插入多个空格,在页面上最终显示出来的确只有一个空格。如: 练习空格在页面上显示时 只会显示一个原创 2022-09-13 20:15:46 · 476 阅读 · 0 评论 -
解决“图片因为CSS样式缩放导致变糊问题”
对于图片的放大缩小,我们都会自然而然的认为:图片放大,会变得模糊,图片变小会变得较为清晰。放大,会把瑕疵更明显的暴露出来;缩小,可以让瑕疵难以发觉。这是生活中的自然现象。但是,这个现象放到网页上的图片就“变了味”。原创 2021-12-12 19:29:09 · 13793 阅读 · 3 评论 -
通过 translate 实现垂直居中与 rotate 的冲突——分析与解决方案
最近,自己尝试使用input+ul去模拟实现select。因为,使用原生的select有着诸多不便。而且,模拟实现select看上去也并不是很困难的事情。但是呢!当你信心满满的时候,往往就会打脸之时。确实,功能、效果、样式都很会实现了。可是,下三角的旋转却出现了问题。因为我比较喜欢通过position: absolute去实现垂直居中。这次我也是这么做了。然后我就悲催的发现,下三角的旋转并不是根...原创 2020-05-05 08:45:29 · 2193 阅读 · 0 评论 -
CSS 弹性盒子布局使用方法介绍
CSS 弹性盒子布局是 CSS 的模块之一,定义了一种针对用户界面设计而优化的 CSS 盒子模型。在弹性布局模型中,弹性容器的子元素可以在任何方向上排布,也可以“弹性伸缩”其尺寸,既可以增加尺寸以填满未使用的空间,也可以收缩尺寸以避免父元素溢出。子元素的水平对齐和垂直对齐都能很方便的进行操控。通过嵌套这些框(水平框在垂直框内,或垂直框在水平框内)可以在两个维度上构建布局。原创 2019-10-25 17:50:10 · 2788 阅读 · 1 评论 -
svg 实现hover颜色变换
关于怎么实现svg的:hover颜色变化html:<img class="svg" src="../assets/images/user/icon.svg"/>css:.svg:hover{ -webkit-filter: drop-shadow(0px 0px 0px #2B76B3); }关于drop-shadow 请参照:http://www.divcs...原创 2019-11-14 13:43:10 · 12703 阅读 · 3 评论