資訊專欄INFORMATION COLUMN
摘要：筆記布局很容易與其他布局方式包括布局嵌套在一起，實(shí)際上它是一個(gè)獨(dú)立的盒子，這個(gè)盒子由一個(gè)元素稱為容器及其直接的子元素稱為項(xiàng)目構(gòu)成。這個(gè)容器外部以及這些項(xiàng)目內(nèi)部都不會(huì)受布局的影響。
筆記：
flex 布局很容易與其他布局方式（包括 flex 布局）嵌套在一起，實(shí)際上它是一個(gè)獨(dú)立的盒子，這個(gè)盒子由一個(gè)元素（稱為容器）及其直接的子元素（稱為項(xiàng)目）構(gòu)成。這個(gè)容器外部以及這些項(xiàng)目內(nèi)部都不會(huì)受 flex 布局的影響。
一個(gè)元素可以定義成兩種 flex 布局，第一種是塊級(jí) flex 布局：
.flex-block-box {
display: flex;
}
另一種是行內(nèi) flex 布局：
.flex-inline-box {
display: inline-flex;
}
這兩種 flex 布局的區(qū)別是，塊級(jí) flex 布局的容器是一個(gè)塊級(jí)盒子（block），而行內(nèi) flex 布局的容器是一個(gè)行內(nèi)盒子（inline-block）。
容器的屬性主要用于排列和對(duì)齊項(xiàng)目，項(xiàng)目的屬性主要用于實(shí)現(xiàn)彈性和覆蓋容器所定義的對(duì)齊方式：
容器屬性：
排列：
方向：flex-direction: row | column | row-reverse | column-reverse
換行：flex-wrap: nowrap | wrap | wrap-reverse
合寫：flex-flow: row nowrap
對(duì)齊：
justify-content: flex-start | center | flex-end | space-between | space-around
align-items: flex-start | center | flex-end | baseline | stretch
align-content: flex-start | center | flex-end | space-between | space-around
項(xiàng)目屬性：
order: 0 | 1 | ...
控制彈性：
flex-grow: 0 | 1 | ...
flex-shrink: 0 | 1 | ...
flex-basis: auto | 100px | 50% | ...
flex: 0 1 auto
auto: 1 1 auto
none: 0 0 auto
initial: 0 1 auto
align-self: auto | flex-start | center | flex-end | baseline | stretch
另參見：http://www.ruanyifeng.com/blo...
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://m.specialneedsforspecialkids.com/yun/112699.html
摘要：為了實(shí)現(xiàn)高內(nèi)聚，低耦合的軟件設(shè)計(jì)，袁英杰提出了正交設(shè)計(jì)的方法論。正交設(shè)計(jì)正交是一個(gè)數(shù)學(xué)概念所謂正交，就是指兩個(gè)向量的內(nèi)積為零。鳴謝正交設(shè)計(jì)的理論原則及其方法論出自前軟件大師袁英杰先生。 Design is there to enable you to keep changing the software easily in the long term. -- Kent Beck. 設(shè)...
摘要：什么是我們只要是在進(jìn)行編程我們就需要不停的設(shè)計(jì)。不易誤用這一點(diǎn)很重要，要減少使用者的心智負(fù)擔(dān)。盡量少的外部依賴減少使用者的成本。良好的命名盡量做到自描述。 什么是API？ 我們只要是在進(jìn)行編程我們就需要不停的設(shè)計(jì)API。 API簡單來講可以是一個(gè)調(diào)用的函數(shù)，一個(gè)接口。 抽象來說，接口是一個(gè)內(nèi)聚系統(tǒng)暴漏給外部的一切信息，包含但不限于： 調(diào)用方式：比如通過lib庫或者h(yuǎn)ttp接口等。 調(diào)...
摘要：如果你對(duì)算法實(shí)戰(zhàn)感興趣，請(qǐng)快快關(guān)注我們吧。加入實(shí)戰(zhàn)微信群，實(shí)戰(zhàn)群，算法微信群，算法群。 作者：chen_h微信號(hào) & QQ：862251340微信公眾號(hào)：coderpai簡書地址：https://www.jianshu.com/p/b5c... 介紹一些人工智能技術(shù)的術(shù)語，如果你還有術(shù)語補(bǔ)充，請(qǐng)?jiān)L問 Github English Terminology 中文術(shù)語 neur...
摘要：多態(tài)的前提是必須有子父類關(guān)系或者類實(shí)現(xiàn)接口關(guān)系，否則無法完成多態(tài)。具體格式如下父類引用指向子類對(duì)象就是多態(tài)的定義格式。多態(tài)的轉(zhuǎn)型分為向上轉(zhuǎn)型與向下轉(zhuǎn)型兩種向上轉(zhuǎn)型當(dāng)有子類對(duì)象賦值給一個(gè)父類引用時(shí)，便是向上轉(zhuǎn)型，多態(tài)本身就是向上轉(zhuǎn)型的過程。 第3天 面向?qū)ο?今日內(nèi)容介紹? 接口? 多態(tài)? 筆記本案例今日學(xué)習(xí)目標(biāo)? 寫出定義接口的格式? 寫出實(shí)現(xiàn)接口的格式?...
閱讀 2731·2023-04-26 02:28
閱讀 2565·2021-09-27 13:36
閱讀 3134·2021-09-03 10:29
閱讀 2762·2021-08-26 14:14
閱讀 2111·2019-08-30 15:56
閱讀 842·2019-08-29 13:46
閱讀 2616·2019-08-29 13:15
閱讀 461·2019-08-29 11:29
