찾다

 >  Q&A  >  본문

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

<p>제 질문이 다음 질문과 매우 유사하다는 것을 알고 있습니다. 표 셀에서 텍스트 줄바꿈을 방지하는 방법은 제가 처음으로 확인한 질문이었습니다. </p> <p>테이블이 있고 열 중 하나에 긴 설명을 작성하고 다음 열은 날짜입니다. 브라우저는 대시로 구분된 문자열이기 때문에 날짜 열을 래핑하는 것이 좋다고 생각합니다. 현재 다음과 같은 것이 있습니다. </p> <pre class="brush:php;toolbar:false;">| 설명 | |---------------|----------| 2022-10- | 12개 | | 라인... |</pre> <p>설명 셀을 약간 더 짧게 하고 날짜 열을 줄바꿈하지 않도록 브라우저에 어떻게 알릴 수 있나요? 내가 읽은 솔루션에서는 <code><td Wrap="nowrap"></code>를 사용해야 한다고 나와 있는데, 이는 공백에서는 작동하지만 대시에서는 작동하지 않습니다. </p> <p>수축되지 않는 플렉스 요소를 사용해야 하나요? </p> <시간 /> <p>설명을 줄인다는 것은 다음을 의미합니다.</p> <pre class="brush:php;toolbar:false;">| 설명 | |-------------|---------| 정말 길어요 2022-10-12 | | | 많은 줄... |</pre></p>
P粉254077747P粉254077747458일 전711

모든 응답(2)나는 대답할 것이다

  • P粉133321839

    P粉1333218392023-08-30 00:08:37

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

    회신하다
    0
  • P粉340980243

    P粉3409802432023-08-30 00:04:43

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

    으아악 으아악

    회신하다
    0
  • 취소회신하다