原文地址 https://tianshengjie.cn/artic... css簡(jiǎn)單實(shí)現(xiàn)帶箭頭的邊框 普通邊框 .border { width: 100px; height: 50px; border: 1px solid red; } showImg(https://segmentfault.com/img/bVbhBts...
摘要:起因早上看群里有人問(wèn)如何讓商城分類頁(yè)在數(shù)據(jù)不多的情況下充滿屏幕高度第一次回答相信大家的第一反應(yīng)就是頭高度我也是然后寫(xiě)了個(gè)第二次回答但是人家說(shuō)頭高度是撐起的沒(méi)有具體高度好吧看來(lái)只能用了簡(jiǎn)單說(shuō)下默認(rèn)都是軸布局聲明為后就變成軸布局這樣就可 起因 早上看群里有人問(wèn)如何讓商城分類頁(yè)在數(shù)據(jù)不多的情況下充滿屏幕高度. showImg(https://ws1.sinaimg.cn/large/005I...
摘要:被誤解的單位單位往往被認(rèn)為是相對(duì)于父元素的大小來(lái)進(jìn)行計(jì)算的例如一個(gè)元素的父元素設(shè)置了如下的而其中的設(shè)置了設(shè)置了那么元素的實(shí)際情況我們都知道是相對(duì)單位但是實(shí)際上單位相對(duì)的是自身的大小我們可以嘗試一下倍于自身的利用這一點(diǎn)我們來(lái) 被誤解的 em 單位 em 單位往往被認(rèn)為是相對(duì)于父元素的 font-size 大小來(lái)進(jìn)行計(jì)算的. 例如一個(gè)元素的父元素設(shè)置了如下的 font-size: bo...
摘要:組件能夠大幅減輕開(kāi)發(fā)的工作量,提升項(xiàng)目的可維護(hù)性,減少重復(fù)代碼。本文主要講解組件需要具備哪些功能主體功能主要功能是指這個(gè)組件是用來(lái)做什么的,如選擇日期組件的目標(biāo)是選擇日期,下拉選擇組件的目標(biāo)是展示選項(xiàng)供用戶選擇等。 組件能夠大幅減輕開(kāi)發(fā)的工作量,提升項(xiàng)目的可維護(hù)性,減少重復(fù)代碼。本文主要講解組件需要具備哪些功能 主體功能 主要功能是指這個(gè)組件是用來(lái)做什么的,如選擇日期組件的目標(biāo)是選擇日...
摘要:屬于同一個(gè)的兩個(gè)相鄰的會(huì)發(fā)生重疊。的區(qū)域不會(huì)與重疊。計(jì)算的高度時(shí),浮動(dòng)元素也參與計(jì)算。給添加,觸發(fā)新的,則行內(nèi)級(jí)格式化上下文如何生成由的非替換元素生成。元素會(huì)位于與與之間,使得寬度縮短。 block-level box: display屬性為block, list-item, table的元素,會(huì)生成block-level box。并且參與block fomatting context...