코딩하다 현타올 때

질문 : CSS 텍스트 오버플로 : 줄임표; 작동 안함? 이 간단한 CSS가 작동하지 않는 이유를 모르겠습니다. .app a { height: 18px; width: 140px; padding: 0; overflow: hidden; position: relative; margin: 0 5px 0 5px; text-align: center; text-decoration: none; text-overflow: ellipsis; white-space: nowrap; color: #000; } Test Test Test Test Test Test 네 번째 "테스트"즈음에 끊어야합니다 답변 text-overflow:ellipsis; 다음이 참일 때만 작동합니다. 요소의 너비는 px (픽셀)로 제한되어야합니다. %..

질문 : CSS를 사용하여 텍스트 길이를 n 줄로 제한 CSS를 사용하여 텍스트 길이를 "n"줄로 제한 할 수 있습니까 (또는 세로로 오버플로되면 잘라 내기). text-overflow: ellipsis; 한 줄 텍스트에만 작동합니다. 원본 텍스트 : 농구 마우스는 부동산을 느끼고 내일 일부 아이들은 게임과 칠리는 트럭으로 졸업했습니다. CNN은 이제 냄비를 투자합니다! 하지만 그것은! 얼마나 못생긴 집 마우스 개발자! Dapibus sed fermentum, magna sagittis, lorem velit 원하는 출력 (2 줄) : 농구 마우스는 부동산을 느끼고 내일 일부 아이들은 게임과 칠리는 트럭으로 졸업했습니다. 답변 비공식 라인 클램프 구문을 사용하는 방법이 있으며 Firefox 68부터 모든..