css样式

95 阅读2分钟

.scrollbar-hide { -ms-overflow-style: none; overflow: -moz-scrollbars-none; } .scrollbar-hide::-webkit-scrollbar { display: none; } /* for Chrome 隐藏滚动条 */ .main > *::-webkit-scrollbar { display: none; } { margin: 0; padding: 0; -moz-box-sizing: border-box;
-webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; list-style-type: none; } /清除浮动代码/ .clearfloat:after{ display:block; clear:both; content:""; visibility:hidden; height:0; } .clearfloat{ zoom:1; } /
链接下划线 / a:-webkit-any-link { / color: #1a1919; / color: #fff; text-decoration:none; cursor: pointer; } a:-moz-any-link { / color: #1a1919; / color: #fff; text-decoration:none; cursor: pointer; } a:-ms-any-link { / color: #1a1919; / color: #fff; text-decoration:none; cursor: pointer; } a:-o-any-link { / color: #1a1919; / color: #fff; text-decoration:none; cursor: pointer; } a:any-link { / color: #1a1919; */ color: #fff; text-decoration:none; cursor: pointer; } .fl{float: left;} .fr{float: right;}

img { display: block; width: 100%; /* height: 100%; / } input, textarea { outline: none; border: none; resize:none ; } li { list-style: none; } span { display: inline-block; } / 一行根据宽度省略多余字体 / .ellipsis { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .ellipsis2 { / 溢出隐藏 / overflow:hidden; text-overflow: ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; } .ellipsis5 { / 溢出隐藏 */ overflow:hidden; text-overflow: ellipsis; display:-webkit-box; -webkit-line-clamp:5; -webkit-box-orient:vertical; } .fle { display: flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; }

.fle_c { justify-content: center; -webkit-justify-content: center; -moz-box-pack: center; -webkit--box-pack: center; box-pack: center; }

.fle_end { -ms-flex-pack: end; -webkit-box-pack: flex-end; -webkit-justify-content: flex-end; justify-content: flex-end; }

.fle_s { -ms-flex-pack: start; -webkit-box-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; } .flex-center{ -webkit-box-pack: center; -webkit-justify-content:center; -moz-justify-content:center; -ms-justify-content: center; -o-justify-content: center; justify-content: center; } .fle_w { -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap;

} .fle_nw { -webkit-flex-wrap: nowrap; -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; -o-flex-wrap: nowrap; flex-wrap: nowrap;

} .space-around { -webkit-box-pack: space-around; -webkit-justify-content: space-around; -moz-justify-content: space-around; -ms-justify-content: space-around; -o-justify-content: space-around; justify-content: space-around; } .space-between { -webkit-box-pack: space-between; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; -o-justify-content: space-between; justify-content: space-between; }

.align-items { /*在flex当前容器中纵轴中的位置如果是文字必须包裹在span之中 */ -webkit-box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; } .align-end { /*在flex当前容器中纵轴中的位置如果是文字必须包裹在span之中 */ -webkit-box-align: flex-end; -webkit-align-items: flex-end; -moz-align-items: flex-end; -ms-align-items: flex-end; -o-align-items: flex-end; align-items: flex-end; } .align-start { /*在flex当前容器中纵轴中的位置如果是文字必须包裹在span之中 */ -webkit-box-align: flex-start; -webkit-align-items: flex-start; -moz-align-items: flex-start; -ms-align-items: flex-start; -o-align-items: flex-start; align-items: flex-start; } .align-content { -webkit-box-align: space-between; -webkit-align-content: space-between; -moz-align-content: space-between; -ms-align-content: space-between; -o-align-content: space-between; align-content: space-between; }

.swiper-pagination { margin-left: 15%; }

.swiper-pagination-bullet { width: 1.56%; height: 2px; }