最近在重构时遇到了select样式问题，并且需要在不影响语义化的情况下，兼容IE8。 经过一番的百度后始终没有找到合适的纯CSS解决方案，最后换了一下思路，大胆使用了属性hack； 在chrome和FF下隐藏默认样式，显示css自定义样式，在ie下隐藏自定义样式，显示默认样式。 DOM代码如下： C ...
分类：
Web程序 时间：
2017-05-12 00:21:07
阅读次数：
222
事实上非常easy，代码例如以下所看到的，注意 Style： <div class="detail_title" style="word-break: break-all;"><%=StringUtil.toHTML(title) %></div> 默认情况下，一个 DIV或者其它元素的文本，假设都 ...
分类：
Web程序 时间：
2017-05-08 17:27:51
阅读次数：
193
问题代码： son方法一：父元素设置overflow:hidden son方法二：父元素设置border-top son方法三：父元素设置padding-top son方法四：父子元素间增加一个inline元素 son ...
分类：
Web程序 时间：
2017-05-06 11:54:33
阅读次数：
209
借用Effective之名，开始写Effective系列，总结一些前端的心得。 为什么说能使用html/css解决的问题就不要使用JS呢？两个字，因为简单。简单就意味着更快的开发速度，更小的维护成本，同时往往具有更好的体验，下面介绍几个实例。 1. 导航高亮 导航高亮是一种很常见的问题，包括当前页面 ...
分类：
Web程序 时间：
2017-04-21 22:57:34
阅读次数：
340
前段时间公司需哦一个后台管理系统，左侧是导航栏，右侧是content区域。然厚刚开始用的是js 去控制的，但是当页面的椰蓉过长的时候，有与js单线程，加载比较慢，就会有那么一个过程，查找了很多的方法都没有解决。最后，尝试用css终于给解决。给大家看下效果图。 这只是个例子。 那编的内容长，就听从那边 ...
分类：
Web程序 时间：
2017-04-14 13:26:55
阅读次数：
261
2017-3-14文章名 css解决标题背景 不显示文字标签 text-indent: 100%; white-space: nowrap; overflow: hidden; 隐藏文字 以图代字 ...
分类：
Web程序 时间：
2017-03-14 18:37:15
阅读次数：
145
DIV+CSS解决IE6，IE7，IE8，FF兼容问题1.IE8下兼容问题，这个最好处理，转化成IE7兼容就可以。在头部加如下一段代码，然后只要在IE7下兼容了，IE8下面也就兼容了：1. <metahttp-equivmetahttp-equiv="x-ua-compatible"content= ...
分类：
其他好文 时间：
2016-12-27 22:33:26
阅读次数：
243
今天在做H5的水平滑动卡片时用到了display:inline-block;却发现处在同一水平线上的元素之间居然产生了缝隙，这很显然不是我想要的效果，所以我就换成了左浮动，这样缝隙的问题是解决了，但是需要设置父元素的宽度才能实现水平左右滚动，这样又增加了代码量，因为卡片的个数不固定，需要实时设置其父 ...
分类：
Web程序 时间：
2016-12-06 14:26:09
阅读次数：
178
1、td的边框和table的边框重叠.table{border-left:1pxsolid#dedede;border-top:1pxsolid#dedede;}.td{border-right:1pxsolid#dedede;border-bottom:1pxsolid#dedede;}table只用左边框和上边框，每个td只有右边框和下边框，效果就是整个表格左、上边框是连续实线，右、下边框是..
分类：
Web程序 时间：
2016-11-14 02:54:46
阅读次数：
159
不说话，直接上代码 不需要图片，css解决 <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum- ...
分类：
其他好文 时间：
2016-11-07 12:26:37
阅读次数：
218
