스타일에서 웹 키트 상자 방향 스타일이 사라짐

Question

내 각도 응용 프로그램 (버전 4.3.1)에서 여러 줄 뒤에 CSS 줄임표를 추가했습니다.
이를 위해 Sass에서 다음과 같은 CSS 코드를 사용합니다. 어떤 이유

.ellipsis { 
    -webkit-box-orient: vertical; 
    display: block; 
    display: -webkit-box; 
    -webkit-line-clamp: 2; 
    overflow: hidden; 
    text-overflow: ellipsis; 
} 

, 단순히 transpile에 의해 스타일에서 제거됩니다 상자의 방향 라인, 원인 줄임표이 작동하지 않을 수 있습니다. Angular 및 Ionic 앱에서 발생하는 것으로 보입니다.

Answer 1

다음 자동 접두어 코드에서 -webkit-box-orient을 배치하면 문제가 해결되는 것 같습니다.

.ellipsis { 
    /* autoprefixer: off */ 
    -webkit-box-orient: vertical; 
    /* autoprefixer: on */ 
    display: block; 
    display: -webkit-box; 
    -webkit-line-clamp: 2; 
    overflow: hidden; 
    text-overflow: ellipsis; 
}