eta_forum_front/src/styles/common.scss

html,body,#app{
    font-size: 14px;
    color: #333;
    background-color: #F2F6FA;
    height: 100%;
}

div,ul,li{
    box-sizing: border-box;
}

input{
    display: inline-block;
    border: none;
    box-sizing: border-box;
}
P{
    margin: 0;
    padding: 0;
}

img {
    object-fit: contain;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;
}

.flex{
    display: flex;
}

.bg-white{
    background-color: #fff;
}

// 设置table 表头样式
.t-table thead td, .t-table th{
    color: #333 !important;
    font-weight: bold !important;
}

/* 单行省略 */
.text-ellipsis--l1 {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}


/* 两行省略*/
.text-ellipsis--l2 {
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	line-break: anywhere;
	-webkit-box-orient: vertical;
}

/* 三行省略*/
.text-ellipsis--l3 {
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 3;
	line-break: anywhere;
	-webkit-box-orient: vertical;
}