css 日常

1. 去掉button默认的边框

button::after {
    border: none;
}

2. 弹性盒 flex: 1 显示省略号

{
  flex:1;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  min-width:0; 
}

3. 黑科技 object-fit

/* object-fit主要适合于替换元素，比如：<video>、<object>、<img>、<input type="image">、<svg>、<svg:image>和<svg:video>等。其默认值为fill。*/
object-fit: fill | contain | cover | none | scale-down ;