CSS를 사용하여 테이블 텍스트 오버플로 문제를 해결하고 td에 표시되는 단어 수를 제어합니다.

많은 초보 친구들은 개발 과정에서 항상 어느 정도 문제에 직면하게 됩니다. 중복되는 텍스트를 숨기고 표시하는 방법과 사용 방법을 묻는 사람을 보았는데... 오늘은 모두를 위해 이 문제를 해결하기 위해 업로드만 하면 됩니다. 코드는 다음과 같습니다

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

위 내용은 CSS를 사용하여 테이블 텍스트 오버플로 문제를 해결하고 td에 표시되는 단어 수를 제어합니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!