1屋群、諸如span的inline元素在給一個(gè)flex的時(shí)候會(huì)默認(rèn)變成block元素。
2芍躏、如果不設(shè)置flex-wrap:wrap的話，寬度再大的子元素对竣，即使flex-basis:100%;也會(huì)擠在一行內(nèi)。
3柏肪、以上的疑問總結(jié)自 四項(xiàng)目的第二個(gè)例子
4芥牌、flex一開始默認(rèn)的主軸是水平方向烦味，側(cè)軸是垂直方向壁拉，但是如果使用flex-direction:column；以后主軸方向就變成了垂直方向弃理，側(cè)軸就變成了水平方向，這一點(diǎn)要記住痘昌。
5、flex的align-content針對的多條主軸進(jìn)行的操作算灸。
6、關(guān)于flex-shrink菲驴，它的默認(rèn)值是1骑冗，即當(dāng)子元素總寬度超過父元素寬度的時(shí)候赊瞬，不設(shè)置換行的話都會(huì)擠在一行內(nèi)，并且平分寬度贼涩，如果想要讓子元素寬度不收縮巧涧，設(shè)置flex-shrink:0;這樣會(huì)溢出遥倦，但是子元素保持了原來的寬度谤绳。想一想輪播當(dāng)中view的做法。
7、inline-block會(huì)出現(xiàn)一些想不明白的bug统诺，將一個(gè)span元素設(shè)置為inline-block以后撐開父元素，但即便是樣式重置了以后盡然會(huì)多出5px的高度粮呢，不知道原因。
8啄寡、href、url和src的區(qū)別：href和url只是建立一種連接懒浮，它們和鏈接的元素保持著一種線一樣的關(guān)系识藤，這種鏈接是持續(xù)的砚著，即使是將對方解析完成以后依然如此痴昧，所以如果這一連接中斷以后或者是因?yàn)樵貜?fù)制以后，會(huì)出現(xiàn)短暫的重新連接過程舌镶，復(fù)制的新元素會(huì)有短暫的無內(nèi)容時(shí)間；但是src不一樣餐胀，一旦src后面的資源加載和解析完畢瘤载，它個(gè)內(nèi)容就相當(dāng)于下載到了dom上骂澄，所以即使復(fù)制移動(dòng)這個(gè)元素惕虑，也不需要再重新鏈接，所以也不會(huì)產(chǎn)生短暫的無內(nèi)容溃蔫。想想環(huán)形輪播的圖片克隆問題。
9私痹、通過flex-basis設(shè)置主軸上方向，通過order設(shè)置排列位置紊遵，看阮一峰關(guān)于圣杯布局的代碼。
10暗膜、如果要在一屏上固定底欄的話，只需要將footer和header高度固定娃善，整個(gè)頁面flex-direction:column；然后將主體的content內(nèi)容設(shè)置flex:1;即可聚磺。
想到哪記到哪：CSS和inline-block的bug
最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
- 文/潘曉璐 我一進(jìn)店門汁蝶，熙熙樓的掌柜王于貴愁眉苦臉地迎上來，“玉大人掖棉，你說我怎么就攤上這事膀估♂：ィ” “怎么了察纯？”我有些...
- 文/不壞的土叔 我叫張陵针肥，是天一觀的道長香伴。 經(jīng)常有香客問我，道長即纲，這世上最難降的妖魔是什么？ 我笑而不...
- 正文 為了忘掉前任，我火速辦了婚禮束昵，結(jié)果婚禮上，老公的妹妹穿的比我還像新娘巴比。我一直安慰自己，他們只是感情好轻绞，可當(dāng)我...
- 文/花漫 我一把揭開白布佣耐。 她就那樣靜靜地躺著，像睡著了一般兼砖。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上讽挟，一...
- 文/蒼蘭香墨 我猛地睜開眼，長吁一口氣：“原來是場噩夢啊……” “哼持际！你這毒婦竟也來了？” 一聲冷哼從身側(cè)響起蜘欲，我...
- 序言：老撾萬榮一對情侶失蹤，失蹤者是張志新（化名）和其女友劉穎郭脂，沒想到半個(gè)月后澈歉，有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體展鸡，經(jīng)...
- 正文 獨(dú)居荒郊野嶺守林人離奇死亡埃难，尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
- 正文 我和宋清朗相戀三年涡尘，在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了忍弛。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片考抄。...
- 正文 年R本政府宣布，位于F島的核電站香拉，受9級特大地震影響，放射性物質(zhì)發(fā)生泄漏凫碌。R本人自食惡果不足惜，卻給世界環(huán)境...
- 文/蒙蒙 一瞄摊、第九天 我趴在偏房一處隱蔽的房頂上張望勋又。 院中可真熱鬧换帜，春花似錦、人聲如沸惯驼。這莊子的主人今日做“春日...
- 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至议惰，卻和暖如春，著一層夾襖步出監(jiān)牢的瞬間换淆，已是汗流浹背几颜。 一陣腳步聲響...
- 正文 我出身青樓，卻偏偏與公主長得像叛本，于是被迫代替她去往敵國和親。 傳聞我的和親對象是個(gè)殘疾皇子来候，可洞房花燭夜當(dāng)晚...
推薦閱讀更多精彩內(nèi)容
- 問答題47 /72 常見瀏覽器兼容性問題與解決方案营搅？ 參考答案 (1)瀏覽器兼容問題一：不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補(bǔ)...
- 移動(dòng)開發(fā)基本知識(shí)點(diǎn) 一.使用rem作為單位 html { font-size: 100px; } @media(m...
- H5移動(dòng)端知識(shí)點(diǎn)總結(jié) 閱讀目錄 移動(dòng)開發(fā)基本知識(shí)點(diǎn) calc基本用法 box-sizing的理解及使用 理解dis...
- 前言 溫馨提示：本文較長转质，圖片較多，本來是想寫一篇 CSS 布局方式的休蟹，但是奈何 CSS 布局方式種類太多并且實(shí)現(xiàn)...
- 關(guān)于css常見問題日矫，大多是移動(dòng)端的辉饱。 簡單的排版規(guī)則：條目與條目之間空兩行搬男，每條內(nèi)容部分分段空一行彭沼。標(biāo)點(diǎn)符號(hào)全部用...
