zoukankan      html  css  js  c++  java
  • Css一些技巧【整理】

    Css固定表格的表头(向下拉滚动条的时候表头固定不动)

    .headLock

    {

         topexpression(this.offsetParent.scrollTop); 

         position:relative;

    }

    Css固定表格的左列(向右拉滚动条的时候某列不变)

    .leftLock

    {

         leftexpression(this.offsetParent.scrollLeft); 

         position:relative;

    }

    //应用的时候将该css加到对应的元素即可

    根据层级的关系可以动态地添加offsetParent

    如:

    this.offsetParent.offsetParent.scrollLeft

    this.offsetParent.offsetParent.offsetParent.scrollLeft

    Css里加js事件

    td

      background-color:#ffffff;

      onmouseover:  expression(onmouseover=function (){this.style.borderColor ='blue';this.style.color='red';this.style.backgroundColor ='yellow'});

      onmouseout:  expression(onmouseout=function (){this.style.borderColor='';this.style.color='';this.style.backgroundColor =''});

    }

    Css控制文本超出范围时显示省略号

    div {

    text-overflow:ellipsis;

    width:200px;

    white-space:nowrap;

    overflow:hidden;

    }

    <div>这段文本肯定是超出了200px的范围了,如果white-space:nowrap不加上去就没有效果了,因为这样会自动换行;overflow:hidden不加就不能隐藏超过的部分,也没有效果;text-overflow:ellipsis是指省略部分要不要显示省略号text-overflow:clip是不显示</div>

  • 相关阅读:
    jQuery中的一些操作
    laravel使用消息队列
    Laravel的开发环境Homestead的搭建与配置
    python爬虫学习
    配置文件
    sql根据时间差查询数据
    Oracle根据连接字符串获取库下的表列表、获取表结构
    Sql根据连接字符串获取库下的表列表、获取表结构
    判断网络连接
    线程锁,解决多线程并发问题
  • 原文地址:https://www.cnblogs.com/linyc/p/1996238.html
Copyright © 2011-2022 走看看