CSS中的overflow屬性可以控制當(dāng)內(nèi)容超過固定尺寸時的顯示方式,其中包括省略、滾動、截斷等方式。當(dāng)需要超過固定高度省略CSS時,我們可以使用以下代碼:
p { height: 100px; /*設(shè)置固定高度*/ overflow: hidden; /*超出部分省略*/ text-overflow: ellipsis; /*以省略號形式顯示*/ white-space: nowrap; /*強制不換行*/ }
以上代碼將會在p標(biāo)簽超出100px高度時自動省略部分內(nèi)容,并且以省略號形式顯示。同時,由于white-space屬性的作用,即使內(nèi)容本身存在換行符,也不會對顯示造成影響。
值得注意的是,當(dāng)使用text-overflow屬性時需要確保元素的寬度足夠小,否則省略號將無法顯示在屏幕內(nèi)。