工作时遇到这样一个问题:根据某元素所包含的子元素个数，分别设置不同的样式，这个用js可以解决，不过个人认为用css解决可能更简单一点。这也正好加深了我对css选择器的理解和运用。demo如下： 效果图如下 完整代码如下： <!DOCTYPE html> <html> <head> <title>cs ...
分类：
Web程序 时间：
2020-01-20 19:23:52
阅读次数：
106
当两个空的块级元素嵌套时，如果内部的块设置有margin top属性，而且父元素没有下边解决方法所述的特征，那么内部块的margin top属性会绑架父元素（即将margin top传递凌驾给了父元素）。 html css ...
分类：
其他好文 时间：
2020-01-08 10:30:54
阅读次数：
175
当有多个flex嵌套，而又有子元素需要单行省略的时候，你会发现～单行省略无效了，如图： 想要的效果： 而实际的效果： 不仅没有单行省略，还把右箭头给挤没了。 2、页面html+css 3、解决办法 方案一： 给.item-value的父级.mark-info设置宽度min-height:0; 或者设 ...
分类：
其他好文 时间：
2019-12-23 22:21:38
阅读次数：
316
jquery.PrintArea.js 局部打印很好用。 由于用到分布打印，用CSS解决 <div style="page-break-after:always;"></div> ...
分类：
Web程序 时间：
2019-11-18 09:31:34
阅读次数：
76
是通过css解决这个问题,核心css代码如下: alpha和opacity通常是决定透明度。 alpha和opacity区别是什么? 相同点:都是值为0表示完全透明，值为1表示完全不透明。 不同点:alpha可以应用元素特定的属性，只能作用于当前元素，其子元素不能继承，而opacity不仅仅作用于当 ...
分类：
其他好文 时间：
2019-08-31 23:44:11
阅读次数：
228
6-5、 （1）、 （2）、引入reset.css及border.css (3)、解决手机点击延迟300ms的问题 a、安装 b、引入fastclick ...
分类：
其他好文 时间：
2019-08-22 01:10:29
阅读次数：
74
<!DOCTYPE html> <html> <head> <title>纯css实现左右滑动</title> <style type="text/css"> ul,li{ list-style: none;; } .slide-box{ margin-top:200px; display: -we ...
分类：
移动开发 时间：
2019-04-15 11:52:15
阅读次数：
387
应用场景：在使用vue的大型单页应用页面中，我们可以通过使用scoped属性将当前组件的样式设置局部样式 界面被scoped局部化之后，不能覆盖界面里面的子组件样式，因为样式只对当前界面生效。（可以加/deep/解决） ...
分类：
Web程序 时间：
2019-02-20 13:19:54
阅读次数：
203
实例: <p>文字敢超出我就敢隐藏显示点点文字敢超出我就敢隐藏显示点点文字敢超出我就敢隐藏显示点点</p> css解决方法 1.常规css方法——可以实现IE，Safari，chrome，opera浏览器下文字溢出省略号表示 现在在火狐的高版本也支持了（火狐低版本不支持） p{width:200px ...
分类：
Web程序 时间：
2019-01-17 12:08:11
阅读次数：
201
前言团队在使用react时，不断探索，使用了很多不同的css实现方式，此篇blog总结了，react项目中常见的几种css解决方案：inline style/radium/style component，只列举了团队项目中用过的一下实现方式，还有其他的不过多展开 css的不足样式与状态相关的情况越来 ...
分类：
Web程序 时间：
2018-12-21 21:17:50
阅读次数：
207
