說(shuō)浮動(dòng)布局,就得先知道文檔流,文檔流有正常文檔流、脫離文檔流。 正常文檔流:將一個(gè)頁(yè)面從上到下分為一行一行,塊元素獨(dú)占一行,相鄰行內(nèi)元素在每一行中按照從左到右排列直到該行排滿...
說(shuō)浮動(dòng)布局,就得先知道文檔流,文檔流有正常文檔流、脫離文檔流。 正常文檔流:將一個(gè)頁(yè)面從上到下分為一行一行,塊元素獨(dú)占一行,相鄰行內(nèi)元素在每一行中按照從左到右排列直到該行排滿...
水平居中 文字的水平居中1.使用text-aline:center;就能實(shí)現(xiàn) 元素的水平居中1.塊元素的水平居中設(shè)置寬高,對(duì)子元素設(shè)置margin:0 auto;就能實(shí)現(xiàn)2....
如umi的文檔所說(shuō),配置路由在.umirc.ts中添加routes即可,配置即使用。約定式路由就默認(rèn)失效,也就是說(shuō)與pages中的文件目錄無(wú)關(guān)。 使用props.childr...
HTML<!DOCTYPE html> 樹(shù) id name pid 提交 cssbody{background-color: #eee;padding: ...
JS實(shí)現(xiàn)放大鏡功能 網(wǎng)店中的商品都能放大查看細(xì)節(jié),這里是放大功能的簡(jiǎn)單實(shí)現(xiàn)。。。。 這個(gè)放大鏡具有選擇放大倍數(shù)的功能。 效果: HTML部分: <!DOCTYPE html>...
萬(wàn)年歷查詢(JavaScript實(shí)現(xiàn)) 實(shí)現(xiàn)的界面有點(diǎn)單調(diào),查詢功能已經(jīng)實(shí)現(xiàn),之后還可以添加一下其他功能。。 效果: 每一個(gè)日期個(gè)是由 標(biāo)簽構(gòu)成,然后根據(jù)獲取到的年和月進(jìn)行計(jì)...
0.前言 之前用js實(shí)現(xiàn)的一個(gè)簡(jiǎn)易計(jì)算器有許多處理得不好的地方,拋開(kāi)樣式的問(wèn)題,計(jì)算器最核心的計(jì)算部分直接使用了eval()函數(shù),今天自己來(lái)實(shí)現(xiàn)計(jì)算部分,目標(biāo)是獲取一個(gè)算式字...
0.效果預(yù)覽 只實(shí)現(xiàn)了日歷最基礎(chǔ)的功能,當(dāng)前日期紅色顯示,可通過(guò)上方的左右按鈕查看上一月或下一月的日期。 1.HTML部分 2.CSS部分 當(dāng)前顯示月份和日期下面將在JS中添...
雖然經(jīng)常會(huì)聽(tīng)到一些不推薦使用eval()的聲音, 但不得不承認(rèn)eval()的功能十分強(qiáng)大,下面介紹一個(gè)我最近用eval()函數(shù)實(shí)現(xiàn)一個(gè)簡(jiǎn)單計(jì)算器的例子。 0.樣式預(yù)覽 1.思...
簡(jiǎn)單計(jì)算器(JavaScript實(shí)現(xiàn)) 功能比較簡(jiǎn)單,還需完善。 效果: HTML部分: <!DOCTYPE html> 1 2 3 / 4 5 6 ...