么是布局

簡單來說就是HTML頁面的整體架構和骨架，類似于家里買的是個毛坯房去搞個裝修。

布局是一種設計思想；主要就是用CSS去實現(xiàn),

幾種常用的布局

table布局

采用div盒子模型 。傳統(tǒng)用得比較多。多列顯示、 display：table（父容器） 左右的display：table-cell（子容器），現(xiàn)在基本不怎么用了！

float布局

核心在于css 屬性 float：left

特點：

• 元素浮動
• 脫離文檔流
• 但不脫離文本流

對自身的影響：形成“塊”（BFC，具有BFC特性的元素可以看作是隔離了的獨立容器。容器里面的元素不會在布局上影響到外面的元素）、位置盡量靠上、位置盡量靠左，無法滿足會靠下

對兄弟的影響：上面貼非float元素 、旁邊貼float元素、不影響其它塊級元素位置、影響其它塊級元素內部文本

對父級的影響： 從布局上”消失“,高度塌陷（可以通過overflow:hidden|clearfix）

這個就屬于技巧性布局，相對入門不久的前端人員感覺有點難。相對門檻會高點。

inline-block布局

簡單來說就是在CSS中通過display:inline-block對一個對象指定inline-block屬性，可以將對象呈遞為內聯(lián)對象，但是對象的內容作為塊對象呈遞。

inline-block在CSS中通過display：inline-block對一個對象制定inline-block屬性，簡單來說就是將對象呈現(xiàn)為inline對象，但是對象的內容作為block對象呈現(xiàn)。

display：inline-block看上去值名inline-block是一個混合產物，實際上確是如此，將元素顯示為行內塊狀元素，設置該屬性后，其他的行內塊級元素會排列在同一行。比如我們li元素一個inline-block，使其既有block的寬度高度特性，又有inline的同行特性，在同一行內有不同高度內容的元素時，通常要設置對齊方式如vertical-align: top;來使元素頂部對齊。

適用于簡單一點的布局，主流公司不用這個，只是給大家了解下。

需要注意的是：

低版本的ie瀏覽器（ie6 ie7）是不支持display:inline-block;所以理論上ie是不識別的，但是在 ie 內核下有個部分叫做 hasLayout，只要觸發(fā)了它，這個元素就可以設置高寬從而使行級元素擁有了display:inline-block屬性的表象。

column布局

這個相對簡單，直接給屬性加一個column屬性 比如column 3 auto 分成3列。

flex布局

布局的傳統(tǒng)解決方案，基于盒子模型，依賴display屬性加position屬性加float屬性。它對于那些特殊布局非常不理想，比如：垂直居中

重要屬性：flex-direction屬性 flex-wrap屬性 justify-content屬性

• 彈性盒子
• 盒子本來就是并列的
• 制定寬度即可

Grid布局

網格布局（Grid）是最強大的CSS布局方案。它將網頁劃成一個個網格，做出各式各樣的布局。Grid布局與flex布局有點像，都可以指定容器內部多個項目的位置。Flex布局是軸線布局，Grid則是將容器劃分為”行“和”列“。

企業(yè)級頁面布局套路

• 水平居中
• 文本居中
• 單個塊級元素居中
• 多個塊級元素居中
• 使用絕對定位
• 使用transform是相對定位
• 垂直居中方法
• 居中布局
• 圣杯布局

利用浮動和負邊距的特性實現(xiàn)的兩(三)欄布局。圣杯布局和雙飛翼布局 是老的布局方式，2012年以前流行，現(xiàn)在已不流行，但是面試可能會考察到，所以記錄一下

why it?

• 是三列布局，兩邊固定寬度，中間自適應
• 中間內容元素在 dom 元素次序中優(yōu)先位置

按照注釋編號，一行行實現(xiàn)觀察效果 范例

http://js.jirengu.com/poya/1/...

• 雙飛翼布局

雙飛翼布局 按照注釋編號，一行行實現(xiàn)觀察效果 范例 http://js.jirengu.com/fevifum...

解決了圣杯布局的缺點，多寫了一個wrap。

• 全屏布局

2022年12月5日，北京萬泰生物藥業(yè)股份有限公司發(fā)布公告稱，近日，該公司與廈門大學、香港大學合作研發(fā)的鼻噴流感病毒載體新冠肺炎疫苗獲批緊急使用。

2022年11月17日，北京，在海淀區(qū)上地街道新冠疫苗接種點，市民完成吸入式新冠疫苗接種。 圖片來源：視覺中國。

35歲的Susan在新疆阿克蘇地區(qū)從事“訪惠聚”（全稱為“訪民情，惠民生，聚民心”活動）工作，由于疫情嚴峻，當?shù)貎?yōu)先倡導接種吸入式新冠疫苗。11月中旬，Susan去“吸了疫苗”。過程非常簡單，吸，醫(yī)護人員告訴你吸完了，再憋氣，就好了。“大家都說那是冬天的第一杯奶茶。”Susan說。

當天，Susan出現(xiàn)了一些反應，發(fā)熱、冷顫、抽搐、渾身無力，下不了床。她只能休息，不停地喝水，吃感冒藥。大約三天后，她的癥狀完全消失。Susan覺得，這和她個人的體質有關，她的同事基本只有輕微的頭暈反應。她打前三針科興疫苗時，也出現(xiàn)了較大的反應。“要相信科學。”她說。

自2022年10月26日，全球首款吸入用重組新型冠狀病毒疫苗（5型腺病毒載體）克威莎?霧優(yōu)?，作為加強針在上海投入使用以來，江蘇、天津、浙江、新疆、北京等多地均已開始預約和接種工作。

據(jù)央視網報道，11月29日，國家疾病預防控制局衛(wèi)生免疫司司長夏剛在國務院聯(lián)防聯(lián)控機制新聞發(fā)布會上介紹，截至2022年11月28日，中國共接種了4.84萬劑次吸入式腺病毒載體疫苗。

克威莎是由康希諾生物股份有限公司（以下簡稱“康希諾生物”）與軍事科學院陳薇院士團隊合作研發(fā)的肌肉注射腺病毒載體重組新冠疫苗（5型腺病毒載體，以下簡稱Ad5-nCoV）。“康希諾生物CanSinoBIO”微信公眾號稱，吸入式疫苗克威莎?霧優(yōu)?與康希諾已經獲得附條件上市批準的注射用新冠疫苗克威莎同屬一款疫苗，區(qū)別僅在于給藥方式。

繼康希諾生物之后，又一款無需肌肉注射的疫苗獲批緊急使用。2022年12月5日，北京萬泰生物藥業(yè)股份有限公司（萬泰生物，603392.SH）發(fā)布公告稱，近日，公司與廈門大學、香港大學合作研發(fā)的鼻噴流感病毒載體新冠肺炎疫苗經國家衛(wèi)健委提出建議，國家藥品監(jiān)督管理局組織論證同意緊急使用。

據(jù)萬泰生物在2022年10月10日披露的鼻噴流感病毒載體新冠肺炎疫苗III期臨床試驗獲得關鍵性數(shù)據(jù)的提示性公告顯示，疫苗組和安慰劑對照組總體不良反應率均為12.4%；全部受試者中住院及以上新冠病例均在安慰劑組，鼻噴新冠疫苗的保護效力為100%。在符合方案集中，針對無免疫史人群，鼻噴新冠疫苗免疫后3個月內絕對保護效力為55%；針對有免疫史人群，鼻噴新冠疫苗加強免疫后6個月內絕對保護力為82%；60歲以上人群保護效力不弱于18-59歲人群。萬泰生物稱，已完成測序的終點病例基因分型結果顯示均為奧密克戎（Omicron）株，包括BA.2（42%）、BA.4（39%）和BA.5（18%），表明鼻噴新冠疫苗對于奧密克戎感染導致的COVID-19可產生良好的保護力；同時，具有很好的安全性。

黏膜免疫疫苗的優(yōu)勢

所謂吸入用疫苗，是指使用特定的裝置將疫苗霧化成微小顆粒，通過吸入的方式使疫苗進入呼吸道和肺部。而鼻噴疫苗則通過鼻腔噴射器的方式接種。二者的共同點在于，均可誘導黏膜免疫。

2022年5月20日，康希諾生物在國際醫(yī)學期刊《柳葉刀-呼吸病學》（The Lancet Respiratory Medicine）發(fā)表了評估克威莎?霧優(yōu)?作為增強針的安全性和免疫原性的研究。

免疫原性結果顯示，克威莎?霧優(yōu)?序貫加強免疫28天后，兩個劑量組針對原始毒株的中和抗體水平分別是滅活同源加強組的18.4-26.4倍。受試者血清中RBD特異性IgA結合抗體水平結果顯示，序貫加強吸入用新冠疫苗 IgA水平顯著高于滅活疫苗同源加強。

“康希諾生物CanSinoBIO”微信公眾號稱，該研究表明，克威莎?霧優(yōu)?僅需肌注劑型的1/5或2/5即可產生高于肌肉注射的中和抗體水平；克威莎?霧優(yōu)?不僅可以激發(fā)體液及細胞免疫，還可以高效誘導黏膜免疫，以達到三重免疫保護，同時具有安全有效、無痛便捷、可及性更高等獨特優(yōu)勢。

據(jù)媒體報道，吸入式疫苗的優(yōu)勢還包括無需打針，可提升人群接種疫苗意愿；減少醫(yī)護人員針刺操作次數(shù)，降低醫(yī)護風險等。

據(jù)“康希諾生物CanSinoBIO”微信公眾號介紹，新冠病毒主要通過感染呼吸道黏膜上皮細胞而入侵機體，而吸入式疫苗利用黏膜的淋巴組織免疫原理，使其產生分泌型IgA抗體，阻止病毒侵入機體。黏膜免疫系統(tǒng)是機體的第一道免疫防線，建立良好的黏膜免疫可在新冠病毒侵入組織之前將其殺滅，保護機體組織免受損傷，這是吸入式疫苗的一個重要優(yōu)勢。

此前，早在2020年9月，加拿大麥克馬斯特大學（McMaster University）曾在《自然評論-免疫學》（Nature Reviews Immunology）發(fā)表題為《COVID-19疫苗策略的免疫學考慮》（Immunological considerations for COVID-19 vaccine strategies）的文章，推測能夠直接在呼吸道黏膜中誘導免疫反應的呼吸道黏膜疫苗策略在早期控制或清除SARS-CoV-2方面將最有效。

在2022年9月4日克威莎?霧優(yōu)?在中國被批準用作增強針后2天，9月6日，由印度海得拉巴（Hyderabad）巴拉特生物技術公司（Bharat Biotech）開發(fā)的鼻腔新冠疫苗在印度獲批緊急使用。該公司尚未發(fā)表已經完成的III期研究數(shù)據(jù)。與克威莎?霧優(yōu)?不同的是，該疫苗被批準為兩劑初級接種，而不是加強劑。

2022年9月6日，《自然》（Nature）雜志發(fā)表題為《鼻噴霧疫苗如何改變大流行》（How nasal-spray vaccines could change the pandemic）的文章，引用倫敦健康分析公司Airfinity的數(shù)據(jù)稱，全球約有100種黏膜COVID-19疫苗正在開發(fā)中。其中約有20種疫苗已進入人體臨床試驗，其中至少4項（印度、伊朗和2項中國）已經完成或正在進行III期研究。

部分已達到人體試驗階段的吸入式新冠疫苗。圖片來源：《自然》雜志。

該文章解釋道，目前使用的COVID-19疫苗在降低疾病嚴重程度和預防住院方面做得很好，但不能很好地阻止輕癥感染或傳播。其中一個原因是肌肉注射所產生的免疫細胞和抗體在鼻子和肺部的含量不夠高，無法提供快速保護。在免疫細胞和抗體從血液中到達鼻子和肺部所需的時間內，病毒傳播，感染者生病。相比之下，黏膜疫苗可以引發(fā)全身免疫反應，也可以激活鼻子和呼吸道黏膜組織中的免疫細胞。然而，目前尚不清楚分泌型IgA對SARS-CoV-2的保護效果如何。

黏膜免疫實踐難

2022年12月4日，香港大學李嘉誠醫(yī)學院微生物系的一位科學家向澎湃科技表示，肌肉注射疫苗主要產生IgG抗體,保護下呼吸道和肺，而上呼吸道更多由IgA抗體保護。肌肉注射產生的IgA抗體比較少，而黏膜免疫產生的IgA比較多。因此肌肉注射不能保證你不被感染，但是它能保護下呼吸道，減少重癥的發(fā)生。

這位科學家稱，理論上，吸入式疫苗是可以產生較好的黏膜免疫的，但是疫苗呈遞的效率是一個問題。腺病毒帶著新冠病毒表面的抗原，感染人的呼吸道細胞。然而，人類的呼吸道有很好的防御機制，實施黏膜免疫時疫苗制劑有可能被呼吸道“排出來”。因為腺病毒載體本身也是個病毒，身體呼吸道細胞會啟動防御機制。此外，評價黏膜免疫的效果，一個直接的方法是檢測呼吸道里IgA，但精確地取樣檢測也存在困難。目前大家都覺得，黏膜免疫可能可以有效地阻斷感染，但實際上實踐起來可能會遇到挑戰(zhàn)。

在上海宣布開始使用吸入式疫苗克威莎?霧優(yōu)?做增強針的當天，美國阿拉巴馬大學伯明翰分校（The University of Alabama at Birmingham）遺傳學博士周葉斌在其科普公眾號“一個生物狗的科普小園”發(fā)文稱，我們應該關注的是增強針的效果，而不是疫苗的給藥方式。

他在分析康希諾生物發(fā)布的三項吸入式疫苗數(shù)據(jù)時表示，在康希諾生物于2021年7月26日在線發(fā)表于《柳葉刀-傳染病》（The Lancet Infectious Diseases）的吸入式新冠疫苗臨床I期試驗結果中檢測的是血清中和抗體，未必反映黏膜處的免疫反應，而康希諾生物發(fā)表的人體數(shù)據(jù)里并沒有黏膜免疫檢測結果；在發(fā)表的吸入式疫苗增強針研究里，須謹慎對待吸入型Ad5-nCoV誘導中和抗體高于滅活同源增強20多倍的結果。此外，該研究沒有奧密克戎（Omicron）中和抗體數(shù)據(jù)。

前述麥克馬斯特大學團隊的評論文章提到，由英國牛津大學（University of Oxford）和阿斯利康共同開發(fā)的ChAdOx1 nCoV-19（也稱為AZD-1222）是臨床上最先進的COVID-19疫苗。

然而，2022年11月3日，《自然-醫(yī)學》（Nature Medicine）報道了牛津大學歷山大·道格拉斯（Alexander Douglas）團隊針對COVID-19的ChAdOx1疫苗鼻內給藥令人失望的1期試驗結果。

無論接受的疫苗劑量如何，在第一次鼻腔疫苗接種后，只有一小部分先前未接種疫苗的參與者表現(xiàn)出針對刺突蛋白的黏膜免疫球蛋白A（IgA）或IgG的大量誘導。血清IgG和IgA反應也很少見且幅度低。接受兩劑鼻內劑量的ChAdOx1的疫苗接種初治組的其余成員中，大多數(shù)未能產生黏膜IgA或IgG反應。鼻腔ChAdOx1加強劑未能在先前接種疫苗的12名參與者中的大多數(shù)中誘導強烈的黏膜抗體反應。最重要的是，中高劑量經鼻組的7名成員在試驗期間出現(xiàn)了癥狀性COVID-19，盡管沒有人需要住院治療。因此，盡管該疫苗具備了安全性，該研究將不會進入第二階段。

作者表示，鼻內施用ChAdOx1在小鼠、倉鼠和非人靈長類動物顯示出優(yōu)異的免疫原性和對SARS-CoV-2感染的保護作用，卻在誘導人類黏膜或全身免疫反應方面表現(xiàn)出明顯的失敗，凸顯了開發(fā)更強大的黏膜免疫學臨床前模型的必要性。

在針對COVID-19的黏膜疫苗之前，已有對抗脊髓灰質炎病毒、流感和霍亂等病原體的黏膜疫苗。據(jù)前述《自然》雜志發(fā)表的《鼻噴霧疫苗如何改變大流行》的文章報道，目前至少已有9種黏膜疫苗被批準用于人體。

其中，口服脊髓灰質炎疫苗可以在腸道中非常成功地誘導免疫，接近實現(xiàn)滅菌免疫。然而，對于其他疾病，黏膜疫苗并不那么成功，有時是因為它不能產生足夠強烈的免疫反應，有時是因為它引發(fā)了副作用。例如，位于伯爾尼的瑞士疫苗公司Berna Biotech在發(fā)現(xiàn)鼻內流感疫苗增加了暫時性面癱的風險后，于2001年將其鼻內流感疫苗從市場上撤下。在美國和歐洲獲得批準的針對流感的鼻內減毒活疫苗FluMist，在幼兒中引發(fā)的免疫反應優(yōu)于肌內注射疫苗，但在成年人身上效果不佳。

（文中Susan為化名）

參考資料：

1. https://mp.weixin.qq.com/s/SiCbQGM0t7e5tYYXjwEpAQ

2. Wu S, Huang J, Zhang Z, Wu J, Zhang J, Hu H, Zhu T, Zhang J, Luo L, Fan P, Wang B, Chen C, Chen Y, Song X, Wang Y, Si W, Sun T, Wang X, Hou L, Chen W. Safety, tolerability, and immunogenicity of an aerosolised adenovirus type-5 vector-based COVID-19 vaccine (Ad5-nCoV) in adults: preliminary report of an open-label and randomised phase 1 clinical trial. Lancet Infect Dis. 2021 Dec;21(12):1654-1664. doi: 10.1016/S1473-3099(21)00396-0. Epub 2021 Jul 26. PMID: 34324836; PMCID: PMC8313090.

3. Jeyanathan, M., Afkhami, S., Smaill, F. et al. Immunological considerations for COVID-19 vaccine strategies. Nat Rev Immunol 20, 615–632 (2020). https://doi.org/10.1038/s41577-020-00434-6

4. https://mp.weixin.qq.com/s/S1ObUR5p7LSlPP0pLV8O0w

5. How nasal-spray vaccines could change the pandemic，https://www.nature.com/articles/d41586-022-02824-3

6. https://www.cansinotech.com.cn/html/1//156/231/index.html

7.https://mp.weixin.qq.com/s/M7R6akHNbM93TbaZhfov8w

8. Intranasal COVID-19 vaccine fails to induce mucosal immunity， https://www.nature.com/articles/d41591-022-00106-z