// 公用的css类名 /* 图片默认和外盒字一样大小 */ .img_reset { width: 100%; height: 100%; } .box_shadow { transition: all 0.3s linear; &:hover { box-shadow: 2px 2px 10px 0 rgba(0, 0, 0,0.2); } } /* 文字超出几行省略号显示 */ .text-ellipsis { text-overflow: -o-ellipsis-lastline; overflow: hidden; //溢出内容隐藏 text-overflow: ellipsis; //文本溢出部分用省略号表示 display: -webkit-box; //特别显示模式 -webkit-line-clamp: 2; //行数 line-clamp: 2; -webkit-box-orient: vertical; //盒子中内容竖直排列 } // 隐藏ie的隐藏滚动条 .hide_scroll_bar { -ms-scroll-chaining: chained; -ms-overflow-style: none; -ms-content-zooming: zoom; -ms-scroll-rails: none; -ms-content-zoom-limit-min: 100%; -ms-content-zoom-limit-max: 500%; -ms-scroll-snap-type: proximity; -ms-scroll-snap-points-x: snapList(100%, 200%, 300%, 400%, 500%); -ms-overflow-style: none; overflow: auto; &::-webkit-scrollbar { display: none; } } .rich-text { margin-bottom: 1.25rem; img { max-width: 100%; } p { text-align: left; } } .breadcrumb-item + .breadcrumb-item::before { content: '>>'; }