前端工作常常会用到的一些经验技巧

标签：style   blog   color   io   使用   ar   div   sp   cti   

• 去除字符串所有空格

  var ss=" fsd fsdaf 23 "; 
  
  ss.replace(/[ ]/g,"");

• 去除a标签点击后的虚线边框 

  $(‘a‘).focus(function(){this.blur()});

• 最简单的把字符串转换成数值: -0(不能 +0) 

  var a = ‘123.45‘; var b = a - 0;

• div中设置文字竖直居中方法：
  • 单行文字居中使用line-height方法，将文本的line-height设为与容器的height相等 

    height:100px; 
    line-height:100px;

  • 多行文字居中使用display:table-cell再设置vertical-align进行居中对齐 

    display:table-cell; 
    vertical-align:middle

  • 使checkbox与文字水平对齐：对style加上

    vertical-align:middle

    如下：

    <input style="color: red; vertical-align: middle;" type="checkbox" /> <label style="vertical-align: middle;">我已阅读<label /> 

     我已阅读
• span设置宽度无效的三种解决方案
• 一、修改span为block类型。在span的css中增加display属性，将span设置为block类型。效果是span完全变成了一个div

   span { 
            background-color:#fc0; 
            display:block; 
            width:150px; 
         }

• 二、在一的基础上再增加一个css属性float。基本满足日常需求，类似div加float

  span { 
             background-color:#fc0; 
             display:block; 
             float:left; 
             width:150px; 
      }

• 三、（完美方法，直接贴代码，原理可深度学习css）

  span { 
            background-color:#fc0; 
           display:-moz-inline-box; 
           display:inline-block; 
           width:150px; 
       }

• 未完...

前端工作常常会用到的一些经验技巧

标签：style   blog   color   io   使用   ar   div   sp   cti   

原文地址：http://www.cnblogs.com/wsun/p/3968503.html