css 的三個技巧

2021-09-27 11:40:54 字數 553 閱讀 1924

1 等比例縮小

.imgbox 

.imgbox img

2 多行文字省略

// 單行

.text

//多行

.text

關於display: -webkit-box 的講解: 

3 強制性換行

// 一般元素預設是white-space:normal; 自動換行

// 但是如果是一些沒有空格的數字,字元,字母的話white-space:normal;是不會進行換行的,而是會把父元 // 素撐開,這時候就要使用word-break來進行換行

word-break:break-all; // 會把結尾單次截斷換行

word-wrap:break-word; // 結尾單次不截斷,整個換行

4 not 偽類

.list .item:not(:last-child)
5 box-decoration-break   元素斷行顯示的形式

css入門 三個引入

定義 css 層疊樣式表 cascadingstylesheeys 也叫css樣式,級聯樣式表,是一種標記語言 用來設定html頁面的文字內容外形版面布局外觀顯示樣式 內聯樣式 用標籤的style屬性實現 啊giao h1內部樣式 用style標籤來實現啊giao 內聯樣式優點書寫方便,權重高 缺點...

三個提公升網頁效能技巧

1 display屬性設定 先將元素設為display none 需要1次重排和重繪 然後對這個節點進行100次操作,最後再恢復顯示 需要1次重排和重繪 這樣一來,你就用兩次重新渲染,取代了可能高達100次的重新渲染。只在必要的時候,才將元素的display屬性為可見,因為不可見的元素不影響重排和重...

提高MySQL查詢效率的三個技巧

mysql由於它本身的小巧和操作的高效,在資料庫應用中越來越多的被採用.我在開發乙個p2p應用的時候曾經使用mysql來儲存p2p節點,由於p2p的應用中,結點數動輒上萬個,而且節點變化頻繁,因此一定要保持查詢和插入的高效.以下是我在使用過程中做的提高效率的三個有效的嘗試.使用statement進行...