網頁設計中DIV超出部分怎么隱藏呢？
DIV超出部分隱藏的方法!在寫樣式的時候，我們需要控制一些內容自動折行，這樣可以統一固定好格式，能夠讓前臺的展現更加美觀。那么具體的如何能夠將超出的部分進行隱藏呢?下面鄭州清新教育鄭州網頁設計培訓的老師就來講講具體的實現方法。
一般的文字截斷(適用于內聯與塊)：
.text-overflow {
display:block;/*內聯對象需加*/
width:31em;/*指定寬度*/
word-break:keep-all;/* 不換行 */
white-space:nowrap;/* 強制在同一行內顯示所有文本，直到文本結束或者遭遇 br 對象。不換行 */
overflow:hidden;/* 內容超出寬度時隱藏超出部分的內容 */
text-overflow:ellipsis;/* IE 專有屬性，當對象內文本溢出時顯示省略標記(...) ;需與overflow:hidden;一起使用。*/
}
對于表格文字溢出的定義：
table{
width:30em;
table-layout:fixed;/* 只有定義了表格的布局算法為fixed，下面td的定義才能起作用。 */
}
td{
width:100%;
word-break:keep-all;/* 不換行 */
white-space:nowrap;/* 不換行 */
overflow:hidden;/* 內容超出寬度時隱藏超出部分的內容 */
text-overflow:ellipsis;/* 當對象內文本溢出時顯示省略標記(...) ;需與overflow:hidden;一起使用。*/
}
以上就是關于“DIV超出部分隱藏的方法”，大家通過上文的學習，趕快來測試一下吧，看看你是否已經掌握了真正的隱藏方法。
| << 上一篇：CSS使用必知的20個小技巧 | >> 下一篇：HTML5對瀏覽器支持情況詳解圖 |
- 2016-09-23網頁設計中的總結經驗和心得
- 2016-09-23網頁設計中的Banner要做到傳情達意
- 2016-09-17網頁元素在網頁設計風格的作用
- 2016-09-17如何讓網頁設計風格更加具有商業化
- 2016-09-17網頁設計風格及主色調的選擇和應用
- 2016-08-22網頁設計制作中的相近色應用
- 2016-07-13HTML5的發展趨勢前景怎么樣？
- 2016-04-16網頁設計制作是如何精確還原設計稿的
- 2016-04-10網頁設計中的柵格系統是什么？
- 2016-03-29網頁設計顏色搭配的三條原則
- 2016-03-29網頁設計如何配色?專業設計師告訴你
- 2016-03-29網頁設計一般用什么軟件較好？
- 2016-03-17室內裝修設計兒童房裝修地板怎么選擇？
- 2016-03-07室內設計說明書怎么寫？
- 2016-02-23室內設計中的裝修預算怎么做？
- 求學問答專業答復，快速響應
- 電話：0371-63218905
- 手機：13613841515
-
QQ：
