資訊專欄INFORMATION COLUMN
摘要：筆記布局很容易與其他布局方式包括布局嵌套在一起，實際上它是一個獨立的盒子，這個盒子由一個元素稱為容器及其直接的子元素稱為項目構成。這個容器外部以及這些項目內(nèi)部都不會受布局的影響。
筆記：
flex 布局很容易與其他布局方式（包括 flex 布局）嵌套在一起，實際上它是一個獨立的盒子，這個盒子由一個元素（稱為容器）及其直接的子元素（稱為項目）構成。這個容器外部以及這些項目內(nèi)部都不會受 flex 布局的影響。
一個元素可以定義成兩種 flex 布局，第一種是塊級 flex 布局：
.flex-block-box {
display: flex;
}
另一種是行內(nèi) flex 布局：
.flex-inline-box {
display: inline-flex;
}
這兩種 flex 布局的區(qū)別是，塊級 flex 布局的容器是一個塊級盒子（block），而行內(nèi) flex 布局的容器是一個行內(nèi)盒子（inline-block）。
容器的屬性主要用于排列和對齊項目，項目的屬性主要用于實現(xiàn)彈性和覆蓋容器所定義的對齊方式：
容器屬性：
排列：
方向：flex-direction: row | column | row-reverse | column-reverse
換行：flex-wrap: nowrap | wrap | wrap-reverse
合寫：flex-flow: row nowrap
對齊：
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
項目屬性：
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...
文章版權歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/112699.html
摘要：什么是我們只要是在進行編程我們就需要不停的設計。不易誤用這一點很重要，要減少使用者的心智負擔。盡量少的外部依賴減少使用者的成本。良好的命名盡量做到自描述。 什么是API？ 我們只要是在進行編程我們就需要不停的設計API。 API簡單來講可以是一個調(diào)用的函數(shù)，一個接口。 抽象來說，接口是一個內(nèi)聚系統(tǒng)暴漏給外部的一切信息，包含但不限于： 調(diào)用方式：比如通過lib庫或者http接口等。 調(diào)...
摘要：如果你對算法實戰(zhàn)感興趣，請快快關注我們吧。加入實戰(zhàn)微信群，實戰(zhàn)群，算法微信群，算法群。 作者：chen_h微信號 & QQ：862251340微信公眾號：coderpai簡書地址：https://www.jianshu.com/p/b5c... 介紹一些人工智能技術的術語，如果你還有術語補充，請訪問 Github English Terminology 中文術語 neur...
摘要：多態(tài)的前提是必須有子父類關系或者類實現(xiàn)接口關系，否則無法完成多態(tài)。具體格式如下父類引用指向子類對象就是多態(tài)的定義格式。多態(tài)的轉(zhuǎn)型分為向上轉(zhuǎn)型與向下轉(zhuǎn)型兩種向上轉(zhuǎn)型當有子類對象賦值給一個父類引用時，便是向上轉(zhuǎn)型，多態(tài)本身就是向上轉(zhuǎn)型的過程。 第3天 面向?qū)ο?今日內(nèi)容介紹? 接口? 多態(tài)? 筆記本案例今日學習目標? 寫出定義接口的格式? 寫出實現(xiàn)接口的格式?...
閱讀 2756·2023-04-26 02:28
閱讀 2607·2021-09-27 13:36
閱讀 3156·2021-09-03 10:29
閱讀 2803·2021-08-26 14:14
閱讀 2131·2019-08-30 15:56
閱讀 873·2019-08-29 13:46
閱讀 2636·2019-08-29 13:15
閱讀 479·2019-08-29 11:29
