狠狠色丁香婷婷综合尤物/久久精品综合一区二区三区/中国有色金属学报/国产日韩欧美在线观看 - 国产一区二区三区四区五区tv

很多情況下，在網頁設計時每個模塊的寬度和高度都要固定，然后只需往模塊里更新內容即可，但是如果內容過多，就有可能把模塊撐大，從而使版面錯亂。準對這個情況，網頁設計時就要考慮到，每個模塊的div或table的高寬一定不能因內容過多而變化，這需要在設計上使用一點技巧來實現(xiàn)。本文便介紹一個常用的也是非常簡單的方法，這個方法是通過css代碼來實現(xiàn)的。

css代碼實現(xiàn)div或td超出寬度的內容自動隱藏

大家先看這兩個效果，一個是隱藏超出td寬度的圖片區(qū)域，另一個是隱藏超過div寬度的文字。

隱藏超出td寬度的圖片區(qū)域

隱藏超過div寬度的文字

實現(xiàn)代碼如下

1、隱藏超出td寬度的圖片區(qū)域（或文字）

實現(xiàn)的css包含兩個部分，一個是table的css，另一個是td的css。

table的css起到固定的作用，td的css的作用是隱藏超出寬度的內容。

2、隱藏超過div寬度的文字

div的css跟table和td的css其實是一樣的，div的css里需要加上寬度。