javascript - 모바일 단말기에서 가로 스크롤을 구현한 후 줄바꿈 문제가 발생합니다. 조언 부탁드립니다.

Question

그림과 같이 나란히 표시해야 하는 라벨 내용이 두 개 있습니다. 이제 두 번째 라벨 내용이 너비를 초과하는 경우 슬라이딩 표시 효과를 설정해야 합니다.

원래 효과는 이렇습니다. 단어가 많으면 한 줄로 바꾸고 남는 부분은 이렇게 작성하겠습니다.

그런데 효과는 이렇게 두 줄로 되는데, display:inline을 설정하면 display:-webkit-box를 사용할 수 없게 되니 어떻게 하면 좋을지 조언 부탁드립니다.

Answer 1

자막의 너비를 100%로 설정합니다. 높이는 텍스트 한 줄의 줄 높이입니다.
자막의 높이는 공백 한 줄의 줄 높이이기도 합니다. nowrap;overflow:scroll;
그런 다음 의사 자막을 설정합니다 Element::-webkit-scrollbar { display:none } 스크롤 막대 숨기기