不斷更新 寫頁面時遇到的一點兒小問題

2021-07-14 04:44:52 字數 1426 閱讀 9685

6.29日   剛剛用jquery解決了這個問題 ,獲得子無素的高度,然後設父元素的高度等於子元素的。

2.當li的個數在ul的寬度下無法均勻分布的情況下(一般就差那一兩個畫素,不調好實在看著難受),可以考慮一下將ul的右外邊距設為負值

3.ie的background-image載入不了,但是ff和chrome裡卻是正常的,原因是ie不支援自行修改格式的。

4.  7.4日 拿到一張設計圖的時候,寧可多花點時間好好研究一下要怎麼來寫,哪些部分可以重用,重用的部分又有哪些不一樣的地方,考慮好不一樣的地方是否要單獨寫出來,如果這些不考慮清楚,後期改起來會非常地麻煩,寫到一定的時候就去每個瀏覽器都測一下,及時解決相容問題。 

5. 行內元素 左右內外邊距均可用,但上下卻不行,此時的解決辦法,通過行高,或者將其設為inline-block/block,此時即可設定上下內外邊距。

6.input之後的img不但不與input對齊,反而還會影響input原本的位置,最終還是調好了,除了都要加vertical-align:middle之外呢,後者容納的標籤也要加乙個       display:block;

1) 給父div定義行高,img vertical-align:middle (不定義img vertical屬性,你會發現貌似也已經在居中的位置上了,其實並沒有,有偏差)

2)給父div display:table-cell  且vertical-align:middle即可;

7.文字前面加乙個背景,換行時會自然與背景對齊,但是這比較影響美觀,若想要將兩行文字對齊,將背景浮動即可。

8.關於如何讓乙個div在另乙個div中水平居中

1).將父div  的display:table-cell,vertical-align:middle; 子div display:inline-block;

2)  .給父div設個line-height;並且vertical-align:middle; 

2).用flex布局 ,父元素中新增   display: -webkit-flex; display: flex;  -webkit-align-items: center;   align-items: center;  水平居中是 -webkit-justify-content: center; justify-content:             center;

9.每次插入底下都會產生一條縫隙,今天查到原來是隱匿空白文字造成的,有三種辦法可以解決此問題

1)設定img的display:block;  2)設定img的vertical:bottom;  3)設定img的父元素的line-height:0;

2)和這個相似的乙個問題,兩個行內框,乙個是空白的,另乙個裡面有文字,這時可以發現兩個行內框不但不對齊且相差很大,大概就是空白框的底部與第二個行內框的文字             底部對齊,此時將有文字的div 設定vertical-align:top/bottom都可。具體參照張鑫旭部落格 

藍橋杯的一點兒小技巧

仔細看題,不要理解錯題意。多測試幾組資料 1 程式設計填空題 直接複製 填了空測試 所填 是否正確 2 有的填空題可能沒有思路 可以嘗試一下手算 3 填空題寫 時可以直接用 include但是在程式設計題還是寫 諸如 include型別的標頭檔案 4 有的題寫不出來最優的演算法,也要要暴力的演算法寫...

C char 的一點兒理解

理解是就是char 相當於字串陣列,我以往糾結於該用 arr還是 arr還是 arr 還是 arr 對於 arr而言 arr代表陣列的最開頭,也就是第乙個字串的內容。arr代表什麼,不知道,這麼用會報錯。簡單的來說arr 0 代表第乙個字串的值,實際指向的整個 arr的首位址,如果用printf之類...

技術人的一點兒思考

作為乙個技術人,雖然更多的是與機器和 打交道,但仍然也會有不少感觸和思考。安安靜靜的思考,平平淡淡的文字,寫下來,對自己也是一種總結和提公升,如果有幸能讓你看到,那,還真的很有緣。如果能帶給你啟發,就再好不過啦,哪怕只有一點點 別害怕技術焦慮 技術領域的迭代越來越快,新技術目不暇接。新的技術領域 新...