1、overflow 屬性規(guī)定當(dāng)內(nèi)容溢出元素框時(shí)發(fā)生的事情

這個(gè)屬性定義溢出元素內(nèi)容區(qū)的內(nèi)容會(huì)如何處理。如果值為 scroll，不論是否需要，用戶(hù)代理都會(huì)提供一種滾動(dòng)機(jī)制。因此，有可能即使元素框中可以放下所有內(nèi)容也會(huì)出現(xiàn)滾動(dòng)條。

屬性值.png

屬性值:scroll

2、white-space 規(guī)定段落中的文本不進(jìn)行換行

white-space 屬性設(shè)置如何處理元素內(nèi)的空白。

這個(gè)屬性聲明建立布局過(guò)程中如何處理元素中的空白符。值 pre-wrap 和 pre-line 是 CSS 2.1 中新增的。

屬性值.png

3、text-overflow屬性規(guī)定當(dāng)文本溢出包含元素時(shí)發(fā)生的事情。

屬性值.png

屬性值:ellipsis

4、letter-spacing屬性增加或減少字符間的空白（字符間距）

該屬性定義了在文本字符框之間插入多少空間。由于字符字形通常比其字符框要窄，指定長(zhǎng)度值時(shí)，會(huì)調(diào)整字母之間通常的間隔。因此，normal 就相當(dāng)于值為 0。

屬性值.png

屬性值eg.png

5、flex讓所有彈性盒模型對(duì)象的子元素都有相同的長(zhǎng)度，且忽略它們內(nèi)部的內(nèi)容

flex 屬性用于設(shè)置或檢索彈性盒模型對(duì)象的子元素如何分配空間。
flex 屬性是 flex-grow、flex-shrink 和 flex-basis 屬性的簡(jiǎn)寫(xiě)屬性。
注意：如果元素不是彈性盒模型對(duì)象的子元素，則 flex 屬性不起作用

flex:1

6、flex-wrap 屬性規(guī)定flex容器是單行或者多行，同時(shí)橫軸的方向決定了新行堆疊的方向。。

注意：如果元素不是彈性盒對(duì)象的元素，則 flex-wrap 屬性不起作用。

屬性值.png

屬性值：wrap

屬性值：nowrap

7、flex-direction 屬性規(guī)定靈活項(xiàng)目的方向。

注意：如果元素不是彈性盒對(duì)象的元素，則 flex-direction 屬性不起作用。

屬性值.png

8、flex-flow 屬性是 flex-direction 和 flex-wrap 屬性的復(fù)合屬性。

flex-flow 屬性用于設(shè)置或檢索彈性盒模型對(duì)象的子元素排列方式。
flex-direction 屬性規(guī)定靈活項(xiàng)目的方向。
flex-wrap 屬性規(guī)定靈活項(xiàng)目是否拆行或拆列。
注意：如果元素不是彈性盒對(duì)象的元素，則 flex-flow 屬性不起作用。

9、background-Origin屬性指定了背景圖像的位置區(qū)域。

屬性值.png