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