合子精品文章

• 

  前端面試基礎(chǔ)(1年以內(nèi)需掌握)

  ...在不想受到浮動(dòng)元素影響的元素上使用 clear:both 即可 閉合子元素浮動(dòng) 給元素設(shè)置 clearfix 常用 通過(guò)父元素的偽元素（::after）實(shí)現(xiàn)的著名 clearfix 方法，代碼如下： .clearfix::after { content:; display:table; clear: both; }...

  xiaochao 2019-05-22 19:43 評(píng)論0 收藏0
• 

  構(gòu)建靜態(tài)頁(yè)面 之 [ 布局 ]

  ... background-color: red; /* 父級(jí)開啟定位 - 配合子級(jí)開啟絕對(duì)定位 */ position: relative; } /* 絕對(duì)定位的方法 */ #d2 { width: 200px; height:...

  andot 2019-08-29 16:31 評(píng)論0 收藏0
• 

  構(gòu)建靜態(tài)頁(yè)面 之 [ 布局 ]

  ... background-color: red; /* 父級(jí)開啟定位 - 配合子級(jí)開啟絕對(duì)定位 */ position: relative; } /* 絕對(duì)定位的方法 */ #d2 { width: 200px; height:...

  JessYanCoding 2019-08-02 16:31 評(píng)論0 收藏0
• 

  垂直居中---只需要兩個(gè)小栗子

  ...的距離是計(jì)算機(jī)自動(dòng)計(jì)算的（平分）；注意這個(gè)方法需配合子元素position:absolute使用，因?yàn)槟J(rèn)情況下，margin：auto只對(duì)上下起作用，對(duì)左右不起作用，加上position使元素脫離標(biāo)準(zhǔn)流，margin：auto可識(shí)別 .father{ width:400px; h...

  darkbug 2019-08-22 16:46 評(píng)論0 收藏0
• 

  垂直居中---只需要兩個(gè)小栗子

  ...的距離是計(jì)算機(jī)自動(dòng)計(jì)算的（平分）；注意這個(gè)方法需配合子元素position:absolute使用，因?yàn)槟J(rèn)情況下，margin：auto只對(duì)上下起作用，對(duì)左右不起作用，加上position使元素脫離標(biāo)準(zhǔn)流，margin：auto可識(shí)別 .father{ width:400px; h...

  dcr309duan 2019-08-29 15:13 評(píng)論0 收藏0
• 

  垂直居中---只需要兩個(gè)小栗子

  ...的距離是計(jì)算機(jī)自動(dòng)計(jì)算的（平分）；注意這個(gè)方法需配合子元素position:absolute使用，因?yàn)槟J(rèn)情況下，margin：auto只對(duì)上下起作用，對(duì)左右不起作用，加上position使元素脫離標(biāo)準(zhǔn)流，margin：auto可識(shí)別 .father{ width:400px; h...

  songze 2019-08-02 10:18 評(píng)論0 收藏0
• 

  我眼中的 Nginx（五）：Nginx — 子請(qǐng)求設(shè)計(jì)之道

  ...角度講，在這樣一棵樹上，哪個(gè)節(jié)點(diǎn)應(yīng)該最先被處理？結(jié)合子請(qǐng)求機(jī)制的實(shí)際意義來(lái)分析，子請(qǐng)求是為了分?jǐn)偢刚?qǐng)求的處理邏輯，降低業(yè)務(wù)復(fù)雜度。換而言之，父請(qǐng)求是依賴于子請(qǐng)求的。很大程度上父請(qǐng)求可能需要等到當(dāng)前子請(qǐng)...

  Jioby 2019-07-25 14:42 評(píng)論0 收藏0
• 

  css中那些需要組合、互斥和特別注意的屬性

  ...ne-height line-height很多時(shí)候是撐開父級(jí)元素的關(guān)鍵，可以結(jié)合子元素的居中對(duì)齊vertical-align table 配套使用：table table-cell BFC（block formatting context） Formatting context 是 W3C CSS2.1 規(guī)范中的一個(gè)概念。它是頁(yè)面中的一塊渲染區(qū)域，并且有...

  plokmju88 2019-08-29 13:44 評(píng)論0 收藏0
• 

  css中g(shù)rid屬性的使用

  ...33% 33%; } grid-template-areas 父元素的grid-template-areas配合子元素的grid-area定義網(wǎng)格區(qū)域 一個(gè)句點(diǎn)表示一個(gè)空的網(wǎng)格單元 .container { width: 200px; height: 200px; display: grid; background-color: coral; mar...

  rubyshen 2019-08-29 16:59 評(píng)論0 收藏0
• 

  css中g(shù)rid屬性的使用

  ...33% 33%; } grid-template-areas 父元素的grid-template-areas配合子元素的grid-area定義網(wǎng)格區(qū)域 一個(gè)句點(diǎn)表示一個(gè)空的網(wǎng)格單元 .container { width: 200px; height: 200px; display: grid; background-color: coral; mar...

  youkede 2019-08-02 11:43 評(píng)論0 收藏0
• 

  Generator：JS執(zhí)行權(quán)的真實(shí)操作者

  ...即便前面加上yield命令。但如果使用yield*命令就能直接整合子G函數(shù)到父函數(shù)中，十分方便。因?yàn)镚函數(shù)返回的就是一個(gè)遍歷器對(duì)象，而yield*可以自動(dòng)展開持有遍歷器接口的對(duì)象，并用yield輸出。如此就等價(jià)于將子G函數(shù)的函數(shù)體原...

  YanceyOfficial 2019-08-26 12:16 評(píng)論0 收藏0