008 自找麻煩之 flex布局

2021-08-19 14:58:25 字數 690 閱讀 1825

1. flex: 彈性布局

2. 採用flex布局的元素,稱為flex容器(flex container),簡稱」

容器」。

它的所有子元素自動成為容器成員,稱為flex專案(flex item),簡稱」

專案」。 

3. 容器預設存在兩根軸:水平的

主軸(main axis)和垂直的交

叉軸(cross axis)

4. 專案預設沿主軸排列

5. 容器的屬性:

flex-direction 主軸方向

row(預設值):

主軸為水平方向,起點在容器的左端;

row-reverse: 主軸為水平方向,起點在容器的右端;

column:主軸為垂直方向,起點在容器的上沿;

column-reverse:主軸為垂直方向,起點在容器的下沿.

justify-content 專案在主軸上的對齊方式

flex-start(預設值):左對齊

flex-end:右對齊

center: 居中

space-between:兩端對齊,專案之間的間隔都相等。

space-around:每個專案兩側的間隔相等。所以,專案之間的間隔比專案與邊框的間隔大一倍。

2015 01 06 自找麻煩

我看了80多本書,大部分是看完了的,很少一部分是實在看不下去,看了一部分之後刪除了的。在這裡面,原先只有2本看了一多半的書講的是現代的事。可見我多麼不喜歡看講現代事情的文。其中,一本看了一多半,也是追不下去,雖然放在那裡但不再看 一本,是現在正在寫的,很喜歡,於是動了心思,看這個作者的其他文。但是看...

003 自找麻煩之 css

1.更改input的placeholder中文字的樣式 input webkit input placeholder input moz placeholder input moz placeholder input ms input placeholder實踐過程中發現沒效果,可能是我 寫錯了吧,...

012 自找麻煩之 Linux

天下武功,唯快不破!1.linux可以做 企業伺服器,嵌入式開發 如安卓手機,路由器,機頂盒等 2.linux 一切皆檔案 3.虛擬機器 通過軟體在自己電腦上安裝另外乙個作業系統,而不影響原系統 virtualbox,vmware xshell 已存網盤 安裝一路預設嗎,選擇免費 4.虛擬機器需要 ...