2017年11月_front_end_fan

12月 11月 10月 09月 08月 07月 06月

原创 table:设置边距,td内容过长用省略号代替

table:设置边距,td内容过长用省略号代替1.table:设置边距合并表格边框border-collapse: collapse，然后用th，td的padding设置内容和边框之间的空隙padding。2.td内容过长用省略号代替在table中必须设置style:table-layout: fixed;这条属性就是让table的内部布局固定大小。这个时候就用width属性调节td的长度。

2017-11-14 08:31:17 1446

原创解决IE浏览器下：td标签上有position: relative;与background-color属性时td边框消失

发句牢骚：少兼容IE能多活10年！！！今天发现，在IE浏览器上出现一个现象（edge下也有）：table下的td，加了背景色后td的边框消失，如下图出现这种情况的原因是：td标签同时有position: relative;属性与背景色。解决办法：在td标签下加个div，把所有内容放在这个div中，给div加position: relative;(不让position: relative;

2017-11-10 14:26:48 452

原创 IOS5中的Safari不兼容Javascript中的Date问题

在做Mobile终端的Website开发中，我遇到一个很懊恼的问题。在IOS5以上版本（不包含IOS5）中的Safari浏览器能正确解释出Javascript中的 new Date(‘2013-10-21’) 的日期对象。但是在IOS5版本里面的Safari解释new Date(‘2013-10-21’) 就不正确，在IOS5的Safari中返回的永远是”Invalid Da

2017-11-09 08:11:51 265

原创 Date.parse()的兼容性问题

今天写代码发现?123viewValue = "2014-04-04 23:33:34" f = new Date(viewValue).getTime();　　在谷歌上可以正确解析,而在ie与edge上缺解析不了,经查询是兼容性问题,只要把"-"替换为"/"就可以解决,如下f = new Date(Date.parse(viewValue.replace(/-/g,"/"))).getTime

2017-11-08 17:56:50 510

原创在div里输入一串数字/字母导致内容超出

图1. 图2. 图3. 总结：div在不考虑包含英文单词的情况下，全都加上属性：word-break:break-all;

2017-11-08 16:54:29 628

原创利用swiper插件做点击相应slide块居中

css：.swiper-container .swiper-wrapper{transition: all 1s;}----------js：<script> var mySwiper = new Swiper ('.swiper-container', { slidesPerView : 3 }); var windowWidth = $(window).width

2017-11-02 15:05:37 4635