漢堡按鈕的製作以及其中的問題

2021-08-29 04:37:11 字數 543 閱讀 7685

第一種自己寫的,下面的第二種是網上的用乙個span使用做出來的

html

css*.box

.box span

/*這裡有個問題就是在格式高寬同時設定了margin:auto時候top等屬性的移動的時候是2被的數值*/

.box .s1

.box .s2

.box .s3

.box .s1rotate

.box .s2translate

.box .s3rotate

jsvar box =  document.queryselector(".box");

var s1 = document.queryselector(".s1");

var s2 = document.queryselector(".s2");

var s3 = document.queryselector(".s3");//在這裡必須放在全域性為由去除.s1一但去除那麼這裡的**就沒有用了

box.onclick = function()else

}/*第二種的使用*/

學習CSS的定位以及其中遇到的問題

因為margin是根據父級元素的寬度自動調整的,所以如果父級元素未設定寬度,則 本身就不會起作用 如果父級元素下的其他元素佔據了空間而使父級元素有了寬度,那麼應該也會生效,詳細都有什麼場景還沒弄清楚 有時候會發現,絕對定位,固定定位會導致 失效從而無法居中,實際情況是這種定位方式屬於浮動定位,元素已...

徹底刪除kafka的topic以及其中的資料

複製於 自己遇到問題,發現的問題貼上過來 刪除kafka topic及其資料,嚴格來說並不是很難的操作。但是,往往給kafka 使用者帶來諸多問題。專案組之前接觸過多個開發者,發現都會偶然出現無法徹底刪除kafka的情況。本文總結多個刪除kafka topic的應用場景,總結一套刪除kafka to...

Makefile的一種通用寫法以及其中的字段含義

管理linux環境下的c c 大型專案,本文描述linux環境下大型工程專案子目錄makefile的一種通用寫法,使用該方法,當該子目錄內的檔案有增刪時無需對makefile進行改動,可以說相當的智慧型。下面先貼 為減小篇幅,一些非關鍵的 被去掉,本方法的侷限是用於乙個c檔案生成乙個可執行檔案的場合...