대시가 있는 표 셀이 HTML/CSS로 줄바꿈되지 않도록 하는 방법은 무엇입니까?
P粉254077747
P粉254077747 2023-08-29 09:18:25
0
2
592

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

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

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

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

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

<시간>

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

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

P粉254077747
P粉254077747

모든 응답 (2)
P粉133321839

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

    P粉340980243

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

    으아악 으아악
      최신 다운로드
      더>
      웹 효과
      웹사이트 소스 코드
      웹사이트 자료
      프론트엔드 템플릿
      회사 소개 부인 성명 Sitemap
      PHP 중국어 웹사이트:공공복지 온라인 PHP 교육,PHP 학습자의 빠른 성장을 도와주세요!