CSS -- 控制多出文本显示省略号

由于网页排版需要，有些地方过长的文本需要加省略号。比如，限制标签宽度为100px，超出宽度的部分就用神略号显示，如上图

html标签：
< label title =”控制多出文本显示省略号”>控制多出文本显示省略号

CSS 样式：

label { font-size: 14px ; display : block; width : 120px; white-space: nowrap ; overflow : hidden; text-overflow : ellipsis; }

说明：

1. 标签宽度一定要设置，可以根据实际情况调整

2. display:block; –对于一些个别标签，如a、td、label等是不能使用overflow:hidden的，需要设置此属性

3. white-space:nowrap;–强制文本在一行显示。

4. overflow:hidden;–超出的文本隐藏

5. text-overflow:ellipsis;–超出的文本用省略号代替

text-overflow属性值：
clip：截取文本
ellipsis：截取文本多余用省略号代替
ellipsis-word：省略号后显示最后一个字符

–IE、Webkit内核浏览器（chrome，safari，360和搜狗的高速模式）：text-overflow
–Opera: -o-text-overflow
–Firefox: 不支持

另外，为了可以看到已经 隐藏的文本，可以再标签中加入title属性，属性值为该文本。加该属性后，
当鼠标指针移到该标签上方时会显示文本全部内容