테이블을 고정 크기로 만들고 남는 부분을 타원으로 표시하는 방법_경험 교환

<title> 새 문서 </title> <style> .ctl{ table-layout:fixed } .ctl td{text-overflow:ellipsis;overflow:hidden;white-space: nowrap;padding:2px} </style> <table cellspacing="0" cellpadding="1" width="100%" class="ctl" border="1"> <colgroup> <col> <col width="60"> </colgroup> <tbody> <tr> <td>标题扩大副教授的士大夫看见似的看来法艰苦但是第十六棵飞机立刻标题扩大副教授的士大夫看见似的看来法艰苦但是第十六棵飞机立刻</td> <td>(1/1)</td> </tr> <tr> <td>标题扩大副教授的士大夫看见似的看来法艰苦但是第十六棵飞机立刻标题扩大副教授的士大夫看见似的看来法艰苦但是第十六棵飞机立刻</td> <td>(1/1)</td> </tr> <tr> <td>标题扩大副教授的士大夫看见似的看来法艰苦但是第十六棵飞机立刻标题扩大副教授的士大夫看见似的看来法艰苦但是第十六棵飞机立刻</td> <td>(1/1)</td> </tr> <tr> <td>标题扩大副教授的士大夫看见似的看来法艰苦但是第十六棵飞机立刻标题扩大副教授的士大夫看见似的看来法艰苦但是第十六棵飞机立刻</td> <td>(1/1)</td> </tr> </tbody> </table>
[Ctrl+A 모두 선택 참고: 외부 J를 도입해야 하는 경우 실행하려면 새로 고쳐야 합니다 ]

또는

에서 수행하는 방법은 무엇인가요?

<title> 새 문서 </title> <style> .ctl {text-overflow:ellipsis;overflow:hidden;white-space: nowrap;padding:2px} </style> <div class="ctl" style="width:234;height:99;background:cyan;">제목이 확장됨: 부교수님의 학자들이 보았는데, 어려울 것 같았는데, 열여섯 번째 비행기가 바로 거기에 있었습니다. 제목이 확장되었습니다.: 부교수님의 학자들이 보았습니다. , 그리고 어려울 것 같았는데 열여섯 번째 비행기가 바로 </div> <ul class="ctl" style="width:234;"> <li>제목이 확장됨: 부교수 학자 관계자들이 보고 어렵다고 보았으나 즉시 열여섯 번째 비행기가 나타났습니다. 제목이 확장되었습니다: 부교수 학자 관계자. 봤는데 어려울 것 같았는데 열여섯 번째 비행기가 바로 </li> <li> 제목이 확장되서 부교수님이 보기에는 어려운 것 같은데 열여섯 번째 비행기입니다. 제목이 바로 펼쳐진다. 어렵지만 열여섯 번째 비행기가 바로 </li> </ul>이다.
[Ctrl+A 모두 선택 참고: 외부 J를 도입해야 하는 경우 실행하려면 새로 고쳐야 합니다. ]

text-overflow:줄임표;