Verwenden Sie CSS, um das Problem des Tabellentextüberlaufs zu lösen und die Anzahl der in td angezeigten Wörter zu steuern

Viele unerfahrene Freunde werden während des Entwicklungsprozesses immer auf mehr oder weniger Probleme stoßen. Ich habe jemanden gefragt, wie man überflüssigen Text ausblendet und anzeigt Der Code lautet wie folgt:

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;一起使用*/  }

Das obige ist der detaillierte Inhalt vonVerwenden Sie CSS, um das Problem des Tabellentextüberlaufs zu lösen und die Anzahl der in td angezeigten Wörter zu steuern. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!