div或表單table單元格td超出寬度內(nèi)容自動(dòng)隱藏的寫(xiě)法【css代碼實(shí)現(xiàn)】
當(dāng)前位置：點(diǎn)晴教程→知識(shí)管理交流
→『 技術(shù)文檔交流 』
很多情況下，在網(wǎng)頁(yè)設(shè)計(jì)時(shí)每個(gè)模塊的寬度和高度都要固定，然后只需往模塊里更新內(nèi)容即可，但是如果內(nèi)容過(guò)多，就有可能把模塊撐大，從而使版面錯(cuò)亂。準(zhǔn)對(duì)這個(gè)情況，網(wǎng)頁(yè)設(shè)計(jì)時(shí)就要考慮到，每個(gè)模塊的div或table的高寬一定不能因內(nèi)容過(guò)多而變化，這需要在設(shè)計(jì)上使用一點(diǎn)技巧來(lái)實(shí)現(xiàn)。本文便介紹一個(gè)常用的也是非常簡(jiǎn)單的方法，這個(gè)方法是通過(guò)css代碼來(lái)實(shí)現(xiàn)的。 css代碼實(shí)現(xiàn)div或td超出寬度的內(nèi)容自動(dòng)隱藏 大家先看這兩個(gè)效果，一個(gè)是隱藏超出td寬度的圖片區(qū)域，另一個(gè)是隱藏超過(guò)div寬度的文字。
隱藏超出td寬度的圖片區(qū)域
隱藏超過(guò)div寬度的文字 實(shí)現(xiàn)代碼如下 1、隱藏超出td寬度的圖片區(qū)域（或文字）
實(shí)現(xiàn)的css包含兩個(gè)部分，一個(gè)是table的css，另一個(gè)是td的css。 table的css起到固定的作用，td的css的作用是隱藏超出寬度的內(nèi)容。 2、隱藏超過(guò)div寬度的文字
div的css跟table和td的css其實(shí)是一樣的，div的css里需要加上寬度。 該文章在 2023/6/27 11:12:03 編輯過(guò) |
關(guān)鍵字查詢
相關(guān)文章
正在查詢... 
|
400 186 1886
