清除浮动

清除浮动

.clearfloat:after{display:block;clear:both;content:"";visibility:hidden;height:0}    .clearfloat{zoom:1}

移动端 android 和 ios 区分

var u = navigator.userAgent;  

var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; //android终端

var isUc = u.indexOf('UCBrowser') > -1;

var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端

if (isAndroid && isUc) { ：是为解决安卓设备上的uc浏览器一个恶心的功能，就是安卓设备上的uc浏览器如果打开好几个窗口页面。向左向右滑的时候会跳转到其他页面，这时就需要取消默认事件

      $('.box').on('touchstart', function () {

        $(document).on('touchmove', function (e) {

          e.preventDefault();//取消默认事件

        });

        $(document).on('touchend', function () {

          $(document).unbind();

        });

      });

    }

两行显示标题 多了 省略号 显示

    height: 41px;

overflow: hidden;

text-overflow: ellipsis;

-webkit-line-clamp: 2;

-webkit-box-orient: vertical;

display: -webkit-box;

兼容性 的写法：

p {

    position:relative;

    line-height:1.4em;

    /* 3 times the line-height to show 3 lines */

    height:4.2em;

    overflow:hidden;

}

p::after {

    content:"...";

    font-weight:bold;

    position:absolute;

    bottom:0;

    right:0;

    padding:0 20px 1px 45px;

    background:url(http://newimg88.b0.upaiyun.com/newimg88/2014/09/ellipsis_bg.png) repeat-y;

}