대시가 있는 표 셀이 HTML/CSS로 줄바꿈되지 않도록 하는 방법은 무엇입니까?

Question

제 질문이 다음 질문과 매우 유사하다는 것을 알고 있습니다. 표 셀에서 텍스트 줄바꿈을 방지하는 방법은 제가 처음으로 확인한 질문이었습니다.

테이블이 있고 열 중 하나에 긴 설명을 작성하고 다음 열은 날짜입니다. 브라우저는 대시로 구분된 문자열이기 때문에 날짜 열을 래핑하는 것이 좋다고 생각합니다. 현재 다음과 같은 것이 있습니다.

| 설명 |
|---------------|----------|
2022-10- |
12개 |
| 라인... |

설명 셀을 약간 더 짧게 하고 날짜 열을 줄바꿈하지 않도록 브라우저에 어떻게 알릴 수 있나요? 내가 읽은 솔루션에서는 를 사용해야 한다고 나와 있는데, 이는 공백에서는 작동하지만 대시에서는 작동하지 않습니다.

수축되지 않는 플렉스 요소를 사용해야 하나요?

<시간 />

설명을 줄인다는 것은 다음을 의미합니다.

| 설명 |
|-------------|---------|
정말 길어요 2022-10-12 |
|
| 많은 줄... |

Answer 1

날짜 열에는 white-space: nowrap;를 사용해야 합니다. 설명 셀을 더 짧게 하고 싶다는 것이 무슨 뜻인지 잘 모르겠습니다. 원하는 결과를 얻으려면 너비를 조정하십시오.

Answer 2

CSS에 white-space:nowrap을 추가하면 모든 것이 한 줄에 표시됩니다. 아래를 참조하세요

으아악 으아악