随笔分类 -  css

React , TypeScript, CSS Module , Less , Antd 遇到的坑
摘要：序 因为React 本身的脚手架自身在webpack中已经做了对CSS Module 的配置，因最近遇到了很多坑，所以从头整理了一遍 使用版本 "react": "^16.13.1", "antd": "^4.4.0", "typescript": "~3.7.2", "webpack": "4.4 阅读全文
posted @ 2020-07-01 15:19 小短腿奔跑吧 阅读(12497) 评论(3) 推荐(1)
高度不确定的情况下，如何设置
摘要：min-height: calc(100vh - 50px); 阅读全文
posted @ 2019-12-17 12:22 小短腿奔跑吧 阅读(178) 评论(0) 推荐(0)
vue CSS使用/deep/
摘要：比如你使用了别人的组件或者自己开发一个组件，有时候你修改一处就可能影响到别的地方，这个时候要么你不用别人的组件，自己重新封装一个，但很多时候是不太现实的，所以就需要有一个方法或者方式，既不影响到别的地方，又能修改子组件在当前的样式。 那么我们就需要/deep/，使用方式也很简单： 阅读全文
posted @ 2019-11-07 15:17 小短腿奔跑吧 阅读(8528) 评论(0) 推荐(1)
如何实现滑动显示导航栏隐藏部分
摘要：<div style="overflow:scroll"> <ul style="display:flex"> <li style="flex-shrink: 0;-webkit-flex-shrink: 0;box-sizing: border-box;width:25%;"> 你好 </li> 阅读全文
posted @ 2018-01-10 15:13 小短腿奔跑吧 阅读(291) 评论(0) 推荐(0)
vue.js中 v-show在刷新页面时，会闪一下，如何解决？
摘要：因为浏览器是html从上到下执行，先执行Dom元素，然后执行javaScript元素，v-show实在javaScript中控制,当走到javaScript时，Dom元素已经开始走动，所以如果网慢的话，会显示的特别明显， 如果想改变的话，那就直接用css控制显示与隐藏 阅读全文
posted @ 2017-08-04 10:55 小短腿奔跑吧 阅读(5920) 评论(0) 推荐(0)
苹果手机marquee显示文字不全，如何解决？
摘要：不能给marquee设定宽度，如果想只显示屏幕宽度的一部分，就给marquee外面包一个div，给外面的div设定宽度，这样就解决了文字显示不全的问题 阅读全文
posted @ 2017-08-04 09:17 小短腿奔跑吧 阅读(1111) 评论(1) 推荐(0)
IE6不兼容hover已解决
摘要：新建一个csshover.htc文件，一下是csshover.htc内容 在要hover的页面的head中添加代码 这样IE6就可以实现hover属性了 阅读全文
posted @ 2017-05-04 12:58 小短腿奔跑吧 阅读(882) 评论(0) 推荐(0)
IE6不兼容postion:fixed已解决
摘要：将要设置postion:fixed的元素的css中添加以下代码： //如果想要是头部悬停，则以下代码即可。 .customService{ position: fixed;bottom: 20px;z-index: 999; _position: absolute; _bottom: 20px; _ 阅读全文
posted @ 2017-05-04 11:08 小短腿奔跑吧 阅读(117) 评论(0) 推荐(0)
CSS3--transform
摘要：transform:向元素应用2D或3D转换，该属性允许我们对属性旋转，缩放，移动，或倾斜。 transfrom：none；定义不进行转换 transfrom：matrix（n,n,n,n,n,n）;定义2D转换，使用六个值的规阵 transfrom3d：matrix（n,n,n,n,n,n,n,n 阅读全文
posted @ 2016-12-27 14:04 小短腿奔跑吧 阅读(167) 评论(0) 推荐(0)
CSS3--overflow属性
摘要：overflow：当内容溢出元素框时发生的事情； overflow：默认，内容不会裁剪，会呈现在元素框之外； overflow：hidden；内容会被裁剪，并且其余部分是不可见的（清除浮动） overflow：scroll；内容会被裁剪，但浏览器会显示滚动条以便查看其余内容 overflow：aut 阅读全文
posted @ 2016-12-27 09:46 小短腿奔跑吧 阅读(261) 评论(0) 推荐(0)
CSS3--box-shadow
摘要：box-shadow：属性向框添加一个或多个阴影； 语法：box-shadow：h-shadow v-shadow blur pread color inset; h-shadow:必需，水平阴影的位置，允许负值； v-shadow：必需，垂直阴影的位置，允许负值； blur：可选，模糊距离； sp 阅读全文
posted @ 2016-12-27 09:31 小短腿奔跑吧 阅读(125) 评论(0) 推荐(0)
box-sizing属性
摘要：content-box:( Element width = width + border + padding+margin);默认值 border-box:( Element width = width ); 假如您需要并排放置两个带边框的框,可设置为border-box，这可令浏览器呈现带有指定宽 阅读全文
posted @ 2016-11-28 16:49 小短腿奔跑吧 阅读(130) 评论(0) 推荐(0)