css控制不溢出不換行 溢出顯示省略號
white-space: nowrap;text-overflow:ellipsis; overflow:hidden;
text-overflow : clip | ellipsis取值：clip : 默認值。不顯示省略標記(...)，而是簡單的裁切ellipsis : 當對象內文本溢出時顯示省略標記(...)
white-space : normal | pre | nowrap 取值：normal : 默認值。默認處理方式。文本自動處理換行。假如抵達容器邊界內容會轉到下一行pre : 換行和其他空白字符都將受到保護。這個值需要IE6+或者 !DOCTYPE 聲明為 standards-compliant mode 支持。如果 !DOCTYPE 聲明沒有指定為 standards-compliant mode ，此屬性可以使用，但是不會發生作用。結果等同于 normal 。參閱 pre 對象nowrap : 強制在同一行內顯示所有文本，直到文本結束或者遭遇 br 對象。參閱 noWrap 屬性
overflow : visible | auto | hidden | scroll取值：visible : 默認值。不剪切內容也不添加滾動條。假如顯式聲明此默認值，對象將以包含對象的 window 或 frame 的尺寸裁切。并且 clip 屬性設置將失效auto : 在必需時對象內容才會被裁切或顯示滾動條hidden : 不顯示超過對象尺寸的內容scroll : 總是顯示滾動條
本地存儲
localStorage.getItem(key),獲得本地存儲鍵為key的值。
