제 질문이 다음 질문과 매우 유사하다는 것을 알고 있습니다. 표 셀에서 텍스트 줄바꿈을 방지하는 방법은 제가 처음으로 확인한 질문이었습니다.
테이블이 있고 열 중 하나에 긴 설명을 작성하고 다음 열은 날짜입니다. 브라우저는 대시로 구분된 문자열이기 때문에 날짜 열을 래핑하는 것이 좋다고 생각합니다. 현재 다음과 같은 것이 있습니다.
| 설명 | |---------------|----------| 2022-10- | 12개 | | 라인... |
설명 셀을 약간 더 짧게 하고 날짜 열을 줄바꿈하지 않도록 브라우저에 어떻게 알릴 수 있나요? 내가 읽은 솔루션에서는 수축되지 않는 플렉스 요소를 사용해야 하나요? 설명을 줄인다는 것은 다음을 의미합니다.를 사용해야 한다고 나와 있는데, 이는 공백에서는 작동하지만 대시에서는 작동하지 않습니다. | 설명 | |-------------|---------| 정말 길어요 2022-10-12 | | | 많은 줄... |
날짜 열에는
white-space: nowrap;
를 사용해야 합니다. 설명 셀을 더 짧게 하고 싶다는 것이 무슨 뜻인지 잘 모르겠습니다. 원하는 결과를 얻으려면 너비를 조정하십시오.CSS에white-space:nowrap을 추가하면 모든 것이 한 줄에 표시됩니다. 아래를 참조하세요