RazgrizLee::程式道點部落分部

網站設計時，若有資料超過顯示的寬度，一般來說會依網站版面的設計而自動換行，
除此之外，我們可以經由設計CSS的屬性來隱藏這些內容。

例如說在首頁最新消息區的6筆資料，或許我們想要一筆只顯示一行，
或是只想顯示width:150px，通常我們會用程式設計的技巧來把文字截短，
但若遇到含有Html Tag的內文，用截文字的文方又會讓版面不正常，
這時候就可以用CSS的方式來做囉~

原始碼：
<style type="text/css"> .hiddenOverFlow { width:200px; border:#D50000 1px dashed; /*--外觀定義--*/ overflow:hidden; /*--設定超出的內容隱藏, IE, FireFox通用--*/ text-overflow:ellipsis; /*--(IE專用)在內容超出時,在後方補上逗號--*/ white-space:nowrap; /*-- 設定內容強制顯示一行,直到內容結束或<br>--*/ } </style> <div class="hiddenOverFlow"> 我是內容我是內容我是內容我是內容我是內容我是內容我是內容我是內容我是內容我是內容我是內容我是內容我是內容我是內容我是內容我是內容我是內容我是內容我是內容我是內容我是內容 </div>

顯示：