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

来源：互联网发布：php动态网站设计案例编辑：程序博客网时间：2024/05/30 05:28

一、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_idlabel 要绑定的元素的 id。

0 0