1.css 單行文本換行溢出解決方案（css三件套）? ??

? ? white-space:nowrap
? ? overflow:hidden
? ? text-overflow:ellipsis

2.css margin塌陷問題（父子節(jié)點(diǎn)時，margin-top不起作用）

? ?具有bfc的元素我們可以抽象的理解成為隔離了的獨(dú)立容器， 滿足以下任何條件都可以觸發(fā)bfc:
? ?絕對定位元素 position 為 absolute、fixed
? ??display 為inline-blocks,table-cells,table-captions
? ??overflow 為 hidden,auto,scroll

3.absolute一般伴隨這 relative用，以relative為參照物，absolute物體圍繞著該物體便宜。
? 兩者的都是決定定位，區(qū)別是：absolute是偏移原來的位置定位，relavtive則是保留原來的占位符進(jìn)行浮動。

?

CSS學(xué)習(xí)筆記

1.word-wrap 允許文本強(qiáng)制換行的屬性。
2.column-count 直接對文本進(jìn)行多列顯示.
3.column-gap 規(guī)定多列之間的間隔
3.column-rule 設(shè)置多列之前的間隔屬性。

總結(jié)

以上是生活随笔為你收集整理的前端篇--------1.css学习笔记的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。