123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100 |
- /* ljj-flex通用类名 */
- .flex{
- display:-webkit-box;
- display:-webkit-flex;
- display:flex;
- }
- .flex_coloumn{
- display:-webkit-box;
- display:-webkit-flex;
- display:flex;
- flex-direction: column
- }
- .f_xy_c{
- -webkit-justify-content: center;
- justify-content: center;
- -webkit-align-items: center;
- align-items: center;
- }
- .f_y_c{
- -webkit-align-items: center;
- align-items: center;
- }
- .f_x_c{
- -webkit-justify-content: center;
- justify-content: center;
- }
- .f_x_e{
- -webkit-justify-content: flex-end;
- justify-content: flex-end;
- }
- .f_g_1{
- -webkit-flex-grow:1;
- flex-grow:1;
- }
- .f_s_0{
- -webkit-flex-shrink:0;
- flex-shrink:0;
- }
- .f_x_s{
- -webkit-justify-content: space-between;
- justify-content: space-between;
- }
- .f_wrap{
- -webkit-flex-wrap: wrap;
- flex-wrap: wrap;
- }
- .ellipsis{
- white-space:nowrap;/*强制文本在一行内显示*/
- text-overflow:ellipsis; /*溢出省略号,支持ie、safari(webkit)*/
- -o-text-overflow:ellipsis; /*溢出省略号,支持opera*/
- overflow:hidden;/*溢出隐藏*/
- }
- body {
- -moz-user-select: -moz-none;
- -khtml-user-select: none;
- -webkit-user-select: none;
-
- /*
- Introduced in IE 10.
- See http://ie.microsoft.com/testdrive/HTML5/msUserSelect/
- */
- -ms-user-select: none;
- user-select: none;
- }
- body{
- background: #ffffff
- }
- /* 文本两端对齐 */
- .text_s{
- text-align:justify;
- text-justify:distribute-all-lines;/*ie6-8*/
- text-align-last:justify;/* ie9*/
- -moz-text-align-last:justify;/*ff*/
- -webkit-text-align-last:justify;/*chrome 20+*/
- }
- @media screen and (-webkit-min-device-pixel-ratio:0){/* chrome*/
- .text_s:after{
- content:".";
- display: inline-block;
- width:100%;
- overflow:hidden;
- height:0;
- }
- }
- [v-cloak] {
- display: none;
- }
- .el-input--suffix .el-input__inner{
- font-size: 16px
- }
- *{
- margin: 0
- }
|