CSS樣式實現溢出超出DIV邊框寬度高度的內容自動隱藏方法
平時我們布局時候，有的文字內容多了會超過溢出我們限制的高度，有的圖片會撐破DIV，讓網頁錯位變亂。
這樣我們就需要解決如何使用CSS來超出設置CSS寬度和CSS高度的內容自動隱藏掉，又不撐破DIV布局。
特別是在IE6，如果內容超出對象高度和寬度承載，將會被撐破增高，這個時候我們可以利用以下解決方法。
總之要想讓內容不超出對象設置寬度高度限定，那就使用overflow:hidden隱藏超出多余部分即可
一、 我們可以使用CSS overflow樣式解決
對應樣式overflow:hidden
Div{overflow:hidden}
這樣設置后，假如DIV對象設置一定寬度高度，此時加入overflow:hidden將會隱藏超出DIV寬度高度的內容包括圖片。
二、超出部分用省略號顯示
1、對象設置text-overflow:ellipsis;省略號樣式
2、使用nobr標簽，強制讓內容不換行（css換行、css不換行）。
div{overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
NOte：
text-overflow語法：
text-overflow : clip | ellipsis
text-overflow參數值和解釋：
clip : 不顯示省略標記（...），而是簡單的裁切
ellipsis : 當對象內文本溢出時顯示省略標記（...）
text-overflow應用說明：
CSS text-overflow設置或檢索是否使用一個省略號標記（...）標示對象內文本文字的溢出。
要想實現顯示不完內容將顯示省略號代替，還需要html nobr標簽完成（nobr禁止換行標簽）
white-space
屬性設置如何處理元素內的空白。
這個屬性聲明建立布局過程中如何處理元素中的空白符。值 pre-wrap 和 pre-line 是 CSS 2.1 中新增的
默認值： normal
繼承性： yes
版本： CSS1
JavaScript 語法： object.style.whiteSpace="pre"
實例
規定段落中的文本不進行換行：
p{
white-space: nowrap
}
瀏覽器支持
所有瀏覽器都支持 white-space 屬性。
注：任何的版本的 Internet Explorer （包括 IE8）都不支持屬性值 "inherit"。
可能的值
normal 默認。空白會被瀏覽器忽略。
pre 空白會被瀏覽器保留。其行為方式類似 HTML 中的標簽。
nowrap 文本不會換行，文本會在在同一行上繼續，直到遇到 標簽為止。
pre-wrap 保留空白符序列，但是正常地進行換行。
pre-line 合並空白符序列，但是保留換行符。
inherit 規定應該從父元素繼承 white-space 屬性的值。