css遇见的问题记录

1、!important提升优先级

display:none !important; !important是个提升优先级的

2、第一个子级设置margin-top,会传递给父级，给父级加个border：1px solid transparent;就好了

也可以使用overflow: hidden，但是这个你父级外面的就回隐藏掉

3.CSS文本溢出显示省略号有两种，

一种CSS：{width:xxpx;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}（必须要设置宽度，而且设置了间距样式就会出问题）

另外一种：

display: -webkit-box;   

-webkit-box-orient: vertical;   

-webkit-line-clamp: 1;   

overflow: hidden;

(个人比较喜欢这个，)