css截取超出的文本+label标签的‘for’属性

一、css截取超出的文本

css：

    .test{

width: 48px;

height: 48px;

color: #888889;

text-align: center;

font-size: 12px;

line-height: 48px;

overflow: hidden;

white-space: nowrap;

text-overflow: ellipsis; //使用‘…’代替

}

html:

    <div class="test">sdjfsdhfjsdhfjdshfjdhfsjfh</div>

注：使用css截取超出的文本必须设置文本标签的width属性

二、label标签的‘for’属性

     <form>

  <label for="male">Male</label>

  <input type="radio" name="sex" id="male" />

  <br />

  <label for="female">Female</label>

  <input type="radio" name="sex" id="female" />

</form>

注：1、for 属性规定 label 与哪个表单元素绑定。

 2、隐式和显式的联系：（1）将表单控件作为标记标签的内容，这样的就是隐式形式；（2）为 <label> 标签下的 for 属性命名一个目标表单 id，这样就是显式形式。
  
  

   
   如：
  
  
  
  

   
   
显式的联系：<label for="SSN">Social Security Number:</label>
<input type="text" name="SocSecNum" id="SSn" />

隐式的联系：<label>Date of Birth: <input type="text" name="DofB" /></label>
   
   


   
   
语法
<label for="element_id">描述文本</label>
属性值
    
    
值
描述
element_id
label
 要绑定的元素的 id。