css 样式总结

一直记录更新~

1. css 文字边框样式

 -webkit-text-fill-color: #fff;          // 文字内部颜色
 -webkit-text-stroke-color: #FF3E16;     // 文字边框颜色
 -webkit-text-stroke-width: 1px;         // 文字边界宽度

1. css 块级元素自适应文字宽度

 width: fit-content;
 width: -webkit-fit-content;
 width: -moz-fit-content;

3.css隐藏滚动条

.modal-teacher-dialog::-webkit-scrollbar{
    display: none;
}
::-webkit-scrollbar{  
    width: 0;  
    height: 0;
} 

4.图片在固定高宽的div里显示不变形（width:100%有时候无作用）

img {
    object-fit:cover;
}

扩展

fill（不保持纵横比缩放图片，使图片完全适应）
contain（保持纵横比缩放图片，使图片的长边能完全显示出来）
cover（保持纵横比缩放图片，只保证图片的短边能完全显示出来）
none（保持图片宽高不变）
scale-down（当图片实际宽高小于所设置的图片宽高时，显示效果与none一致；否则，显示效果与contain一致）
inherit
initial
unset