懸浮顯示input中全部的內容及css處理文字過長時顯示爲多餘部分省略

1.懸浮顯示input中全部的內容

項目中常常會遇到這個問題，在一個內容框中，因爲框的寬度是固定的，可是裏面的內容卻有不少

這個時候須要懸浮顯示input中全部的內容，而title提示則要在input添加如下代碼，這樣既可實現用title提示文本框中全部內容

<input  onmouseover="this.title=this.value"/> 

若是input裏面的內容固定,或者懸浮顯示div裏面的文字,須要懸浮顯示,能夠直接寫爲

<input  title="這個是懸浮顯示的文字"/> ,<div title="這個是懸浮顯示的文字"></div>

補充：
在ie8中，select用這個方法還不能正常的提示文字，寫了個函數調用才正常顯示

<select onmouseover="selbox($(this))" ></select>
<script>
   function selbox(a){
      var val = a.val();
      a.attr("title",val);
   }
</script>

2.css處理文字過長時顯示爲多餘部分省略

text-overflow 屬性規定當文本溢出包含元素時發生的事情，能夠定義文本溢出容器時如何顯示：

默認值：clip

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

容許的值：

clip：修剪文本。

ellipsis：顯示省略符號來表明被修剪的文本

<div style="width:10px;">內容超過10px就會顯示爲三個點</div>
div{
    display:inline-block; //這個看狀況加 
    overflow:hidden; //必須
    white-space:nowrap;  //必須
    text-overflow:ellipsis; //必須
}