前端篇--------1.css学习笔记

1.css 单行文本换行溢出解决方案(css三件套)    

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

2.css margin塌陷问题(父子节点时,margin-top不起作用)

   具有bfc的元素我们可以抽象的理解成为隔离了的独立容器, 满足以下任何条件都可以触发bfc:
   绝对定位元素 position 为 absolute、fixed
    display 为inline-blocks,table-cells,table-captions
    overflow 为 hidden,auto,scroll

3.absolute一般伴随这 relative用,以relative为参照物,absolute物体围绕着该物体便宜。
  两者的都是决定定位,区别是:absolute是偏移原来的位置定位,relavtive则是保留原来的占位符进行浮动。

CSS学习笔记

1.word-wrap 允许文本强制换行的属性。
2.column-count 直接对文本进行多列显示.
3.column-gap 规定多列之间的间隔
3.column-rule 设置多列之前的间隔属性。

猜你喜欢

转载自blog.csdn.net/xinhongjun12/article/details/85029202