elinput内容过长显示悬浮框_悬浮显示input中所有的内容及css处理文字过长时显示为多余部分省略...

1.悬浮显示input中所有的内容

项目中经常会遇到这个问题，在一个内容框中，由于框的宽度是固定的，但是里面的内容却有很多

这个时候需要悬浮显示input中所有的内容，而title提示则要在input添加以下代码，这样既可实现用title提示文本框中所有内容

如果input里面的内容固定,或者悬浮显示div里面的文字,需要悬浮显示,可以直接写为

,

补充：

在ie8中，select用这个方法还不能正常的提示文字，写了个函数调用才正常显示

function selbox(a){

var val = a.val();

a.attr("title",val);

}

2.css处理文字过长时显示为多余部分省略

text-overflow 属性规定当文本溢出包含元素时发生的事情，可以定义文本溢出容器时如何显示：

默认值：clip

语法：text-overflow: clip|ellipsis|string;

允许的值：

clip：修剪文本。

ellipsis：显示省略符号来代表被修剪的文本

内容超过10px就会显示为三个点

div{

display:inline-block; //这个看情况加

overflow:hidden; //必须

white-space:nowrap; //必须

text-overflow:ellipsis; //必须

}