줄바꿈 없이 HTML에서 텍스트를 설정하는 방법

HTML에서 텍스트가 줄바꿈되지 않도록 설정하는 방법: 1. 일반적인 텍스트 잘림, 코드는 [word-break:keep-all;white-space:nowrap;]입니다. 2. 초과 콘텐츠를 숨깁니다. 코드는 [overflow]입니다. :숨김;].

이 튜토리얼의 운영 환경: windows7 시스템, html5 버전, DELL G3 컴퓨터.

html에서 줄 바꿈 없이 텍스트를 설정하는 방법:

일반 텍스트 잘림(인라인 및 블록에 적용 가능):

      .text-oneLine{ 
            display:block;            /*内联对象需加*/
            word-break:keep-all;      /* 不换行 */
            white-space:nowrap;       /* 不换行 */
            overflow:hidden;          /* 内容超出宽度时隐藏超出部分的内容 */
            text-overflow:ellipsis;   /* 当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用。*/
        }

테이블의 경우 정의가 다릅니다:

        table{
            width:30px;
            table-layout:fixed;      /* 只有定义了表格的布局算法为fixed，下面td的定义才能起作用。 */
        }
        td{
            width:100%;
            word-break:keep-all;     /* 不换行 */
            white-space:nowrap;      /* 不换行 */
            overflow:hidden;         /* 内容超出宽度时隐藏超出部分的内容 */
            text-overflow:ellipsis;  /* 当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用。*/
        }

관련 학습 권장 사항: html 비디오 자습서

위 내용은 줄바꿈 없이 HTML에서 텍스트를 설정하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!