css 技巧總結

2021-08-04 14:34:27 字數 557 閱讀 8374

img

方法2:除了top值,還可以設定為text-top | middle | bottom | text-bottom,甚至特定的和值都可以

img

方法3:test為img的父元素

.test

2.如何讓某個元素充滿整個頁面?

html,body

.test

3.文字超出隱藏

overflow:hidden;

text-overflow:ellipsis;

display:-webkit-box;

-webkit-box-orient:vertical;

-webkit-line-clamp:2;

4.文字超出省略

overflow: hidden;

text-overflow:ellipsis;

white-space: nowrap;

CSS 技巧總結

方法一 img方法二 img除了top值,還可以設定為text top middle bottom text bottom,甚至特定的和值都可以 方法三 test test為img的父元素 test 首先需設定將文字強制在一行內顯示,然後將溢位的文字通過overflow hidden截斷,並以tex...

CSS 總結 小技巧

1 在使用絕對定位時,同時設定left right為0,margin為auto,可以做到水平居中,同時設定top bottom為0,margin為auto,可以設定垂直居中 2 實現垂直居中,可以利用 transform 屬性 canvas box3 justify content用於設定或檢索彈性...

css揭秘之技巧總結

二 視覺設計 三 分欄布局的欄個數 四 簡寫和展開式屬性合理使用 總結巧用em單位 padding 3em 8em border如果是em會在極端情況下變得極粗,不美觀 border 1px solid 446d88 background 58a linear gradient 77a0bb,58a...